0
사용자로부터 게시물로 이러한 마크 업 중 몇 가지가 있는데 사용자가 .showComments
.threadComments
div를 클릭하여 아래로 내려갈 때 모든 div에서 .threadComments
.클래스 이름을 공유하는 특정 div에 대해 JQuery 함수가 작동하지 않습니다.
<div class="row">
<div class="large-2 columns" align="center">
<img class="th" src="http://placehold.it/60x60&text=[img]"/>
<span class="user_under_thumbnail">Andrei</span>
</div>
<div class="large-10 columns">
<p class="speechBubbleMain">1 ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
<ul class="inline-list">
<li class="threadoptions"><a>Preview</a></li>
<li class="threadoptions"><a>Share</a></li>
<li class="threadoptions"><a class="showComments">Comments</a></li>
</ul>
<div class="ThreadComments"> <!-- Here is the collapsible part -->
<div class="row collapse">
<div class="large-1 columns small-3" align="center"><img src="http://placehold.it/35x35&text=[img]"/></div>
<div class="large-11 columns"><p class="speechBubbleSecondary"><strong class="commenter_name">George</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
</div>
<div class="row collapse">
<div class="large-1 columns small-3" align="center"><img src="http://placehold.it/35x35&text=[img]"/></div>
<div class="large-11 columns"><p class="speechBubbleSecondary"><strong class="commenter_name">Iordache</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
</div>
<div class="row collapse"> <!-- the user's input -->
<div class="large-1 columns small-3" align="center"><img src="http://placehold.it/35x35&text=[img]"/></div>
<div class="large-11 columns"><textarea class="thread_submit_comment"></textarea></div>
</div>
</div>
</div>
</div>
나는 울부 짖는 소리 아래 나열된 여러 방법을 시도하지만, 그들은 모두 .threadComments
$('.ThreadComments').hide();
$(".showComments").click(function(e) {
e.preventDefault();
var slidethis = $(this).parent().find('.ThreadComments');
//or
var slidethis = $(this).closest('.showComments').find('.ThreadComments');
//or
var slidethis = $(this).closest('.showComments').next('.ThreadComments');
//or
var slidethis = $(this).parents('.inline-list').closest('.ThreadComments');
$('.ThreadComments').not(slidethis).slideToggle();
slidethis.stop().slideToggle();
});
모든 div의 트리거하지만 그들은 모두 .threadComments
모든 div의 트리거 것 같다. StackOverflow에서 이슈에 관한 최근 게시물을 모두 확인했지만 아무 것도 작동하지 않는 것 같습니다. 마크 업과 관련이 있습니까? 내가 뭘 잘못하고 있는지 알 수 없다.
작품을, 난 여전히 JQuery와 주위에 내 머리를 받고, 그것을 시도 할 때이 일을하지 않았는지, 여전히 혼란 스러워요 감사하지만. – Tiberiu
당신을 도와 주어서 기쁘다 !!! – Vikram