Jquery Toggle은 하나의 게시물에서만 작동합니다.

피드에서 Jquery 토글을 사용하는 데 문제가 있습니다. 태그라는 하이퍼 링크가 있습니다. 내가 이것을 클릭하면 div 밑에있는 div를 토글합니다.Jquery Toggle은 하나의 게시물에서만 작동합니다.

작동합니다 -하지만 피드의 상단 게시물 만 - 피드에 다른 게시물이있는 경우 작동하지 않습니다. 다음은

JQuery와인가 : - 아래

<script type="text/javascript"> 
    $(function() { 
     $("#hypfeedTagBtn").click(function() { 
      $("#divPostBodyTags").toggle(); 

      return false; 

     }); 
    }); 



</script>

는 HTML입니다 : -

<div id="divPostFoot_64" class="dPostMain dPostFoot"> 
<span id="Content_ucFeeds_repFeedThread_lblFeedViewCouont_0" class="spFootReplyCount"></span> 
<span id="Content_ucFeeds_repFeedThread_lblFeedShareLink_0" class="spFootLinks"></span> 
<span id="Content_ucFeeds_repFeedThread_lblFeedDeleteLink_0" class="spFootLinks"></span> 
<a id="hypfeedTagBtn" class="spFootLinksShowTags">Tags</a> 
<a id="Content_ucFeeds_repFeedThread_hypFeedMessageMe_0" class="spFootLinks" href="/Mail/NewMessage.aspx?FeedID=64">Message Me</a> 
</div> 

    <div id="divPostBodyTags" class="dPostMain dPostTAGSDIV" style="display: block;"> 
<ul id="PostBodyTags"> 
<li class="TAGLiItem"> 
<a class="TAGaItem">Plumbers</a> 
</li> 
<li class="TAGLiItem"> 
<a class="TAGaItem">Plumbers</a> 
</li> 
</ul> 
</div>

감사

스티브

출처

2012-12-04 Stevie Wall

_ "피드의 맨 위 게시물에만 해당"_ 그게 무슨 뜻입니까? 첫 번째 li 만 숨기는 것입니까? 또는 div가 두 개 이상 있습니까? – epascarello

ID는 고유해야합니다. ID 선택기를 사용하면 항상 해당 ID로 발견되는 첫 번째 요소 만 가져옵니다. –

웹 페이지 당 하나의 고유 ID 만 가질 수 있으므로 클래스에서 토글을 수행해야합니다. – jtheman

MDN element.id

ID는 문서에서 고유해야하며 종종 document.getElementById를 사용하여 요소를 검색하는 데 사용됩니다.

일부 문서 (특히 HTML, XUL 및 SVG)에서 요소의 ID는 다음과 같이 요소의 특성으로 지정할 수 있습니다.

그러나 이 DOCTYPE의 id 특성 유형을 올바르게 지정하지 않으면 사용자 지정 XML 문서에서이 특성을 사용할 수 없습니다.

id의 다른 일반적인 용도로는 CSS로 문서의 스타일을 지정할 때 요소 ID를 선택자 으로 사용하는 것이 포함됩니다.

ID는 대소 문자를 구분하지만 대문자 만 다른 경우 이 다른 ID는 생성하지 않아야합니다 (클래스의 대소 문자 구분 및 ID 이름 참조).

두 개 이상의 섹션을 전환하려면 id 대신 클래스를 사용하십시오.

출처

2012-12-04 22:13:53 epascarello

괜찮 았어 - 고마워. ID를 수업으로 변경했습니다. 이제 버튼을 클릭하면 동시에 모든 게시물의 모든 숨겨진 div를 토글합니다! ... 어쨌든 단 하나의 게시물에서만 div를 토글하게하려면 어떻게해야합니까? ** 게시물 - 소셜 네트워크를 구축 중입니다. 누군가 게시물을 보내면 피드에있는 항목입니다. 페이스 북과 마찬가지로, Twitter 나 Google +가 게시물을 보내 게됩니다 **** –

'$ ("yourClassOnLinks")와 같은 것으로 변경해야합니다. (function (e) {$ (this) .parent(). 찾기 (". YourClassOnTheDivsToToggle"). toggle(); e.preventDefault();}' – epascarello

지금 시도해보십시오 :) –

Jquery Toggle은 하나의 게시물에서만 작동합니다.

답변

관련 문제