第二个jquery“;“块”;不跑
我有下面的jquery。当用户单击.commentCount时,我希望这个名为#commentSec的div打开,然后站点上的一些其他元素发生更改。这个jquery块运行良好。但是,第二个块,即单击名为.closeComments的close按钮,根本不运行。我做错了什么?我是否必须在第一个jquery部分中返回true或其他内容?谢谢-- 第二块:第二个jquery“;“块”;不跑,jquery,Jquery,我有下面的jquery。当用户单击.commentCount时,我希望这个名为#commentSec的div打开,然后站点上的一些其他元素发生更改。这个jquery块运行良好。但是,第二个块,即单击名为.closeComments的close按钮,根本不运行。我做错了什么?我是否必须在第一个jquery部分中返回true或其他内容?谢谢-- 第二块: $('.closeComments').click( function() { $('#commentSec').css({ 'displ
$('.closeComments').click( function() {
$('#commentSec').css({ 'display' : 'none'});
$(this).css({'opacity' : '.9'});
$('#rightcolumn').css({ 'opacity' : '1'}); //Undo transparent rightcolumn
});
HTML/PHP:
<h3><b>' . $useranswering . '\'s</b> ANSWER</h3><img class="closeComments" src="../Images/bigclose.png" alt="close"/>
<span><a class="prev" >← previous answer</a><a class="next" href="">next answer →</a></span>
<div>
<p>' . $answer . '</p>
<form method=post>
<input type="hidden" value="'. $ansid .'" name="answerid">
<textarea rows="2" cols="33" name="answercomment">Comment on this answer</textarea>
<input type="image" src="../Images/commentSubmit.png"/>
”$用户应答。'\'答案
"$回答
对这个答案有何评论
第二个区块的第三行:
$(this.css({'opacity':'9'})
如果不是:
$(this.css({'opacity':'0'}) 向我们展示你的HTML。然后,有几点需要改进:1)使用jQuery
.show()
和.hide()
而不是设置display:none
和display:block
。2) “不透明度”是一个从0到1.0的值。”9'不是不透明的合法值。可能的重复请不要发布同一问题两次。
<h3><b>' . $useranswering . '\'s</b> ANSWER</h3><img class="closeComments" src="../Images/bigclose.png" alt="close"/>
<span><a class="prev" >← previous answer</a><a class="next" href="">next answer →</a></span>
<div>
<p>' . $answer . '</p>
<form method=post>
<input type="hidden" value="'. $ansid .'" name="answerid">
<textarea rows="2" cols="33" name="answercomment">Comment on this answer</textarea>
<input type="image" src="../Images/commentSubmit.png"/>