JQuery чанк не работает - PullRequest
Новая
       7

JQuery чанк не работает

0 голосов
/ 25 сентября 2011

У меня есть следующий jquery ниже.Когда пользователь нажимает .commentCount, я хочу, чтобы этот div с именем #commentSec открылся, а затем некоторые другие элементы на сайте изменились.Этот кусок JQuery работает нормально.

Однако второй блок, нажатие кнопки закрытия с именем .closeComments, вообще не запускается.Что я делаю неправильно?Нужно ли возвращать true или что-то в первом разделе jquery? 

 $('.commentCount').click( function() {
        $('#commentSec').css({ 'display' : 'inline', 'height' : 'auto', 'padding' : '10px', 'padding-bottom' : '0px', 'margin-bottom' : '10px', 'margin-left' : '10px', 'z-index' : '10'});
        $('#commentSec h3').css({ 'display' : 'block'});
        $('#rightcolumn').css({ 'opacity' : '.3'}); //Transparent rightcolumn
    });

Второй блок: 

$('.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" >&larr; previous answer</a><a class="next" href="">next answer &rarr;</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"/>

1 Ответ

1 голос
/ 25 сентября 2011

Единственная проблема, которая приходит мне в голову, заключается в том, что, возможно, у вас может быть несколько [XX комментариев] ссылок, а теперь, имея несколько [commentsSec]

, вы можете иметь только один блок с одним идентификатором.Вот отлично работающий пример: 

<style>
    .comment { display: none;}
</style>
<div class="comment-container"><span class="open-comment">[xx comments]<
    <div class="comment">Lorem Ipsum<span class="close-comment">[close]<
</div>
<div class="comment-container"><span class="open-comment">[xx comments]<
    <div class="comment">Lorem Ipsum<span class="close-comment">[close]<
</div>
<script>
    $(document).ready(function(){
        $(".open-comment").click(function(){
            $(this).parent().find(".comment").show({duration: 1000});
        });
        $(".close-comment").click(function(){
            $(this).parent().hide({duration: 1000});
        });
    });
</script>
...