div에 jQuery를로드하면 해당 div + 토글 함수에서 모든 링크를 열어야합니다.

Question

저는 jQuery를 처음 사용했습니다 & stackoverflow.

나는 2 일 동안이 문제를 고치려고 노력 중이며 인터넷 검색을 수행하지 못했지만 실제로 해결할 시간입니다.

• 이 나는 ​​메뉴에 대한 #sidebar을 주 내용으로
• 에 대한 .main div에 있습니다. 내가 #thumbslink에 링크가 그 메뉴에서

• 1. 나는 #에 "/project-single.html # 프로젝트 싱글"에서 외부 사업부를로드 할
     • 을 #thumbslink 클릭하면
     • 이 .main
  2. 와 #siteloader 대체 siteloader 나는 그것을 반대 할 다시 #thumbslink 클릭하면

(미세 1 & 2 개 작품)

(지금은 함께 사용할 수 없다 무엇) 문제 나는에 #siteloader에 표시의 모든 링크를 열려면

• 동일한 div
• 동시에 #thumbslink를 # 2와 같은 토글러로 사용하십시오.

  HTML (rougly) :

  <div id="thumbslink"> 
  <a href="#">THUMBS</a> 
  </div> 
  
  <div class="main">Main content</div> 
  
  <div id="siteloader"></div> 
  

  jQuery를 :

  // LOAD #Project-single onClick #thumbslink in #siteloader 
  
  $(function() { 
      $("#thumbslink").click(function() { 
       $('#siteloader') 
        .load('http://jacoberiksson/project-single.html #project-single'); 
  
      }); 
  
  // LOAD all clicked links (a) in #siteloader 
  
  $("#siteloader").on("click", "a", function (e) { 
      $("#siteloader").load($(this).attr("href")); 
      e.preventDefault(); 
  }); 
  
  }); 
  
  // TOGGLE #siteloader & .main onClick #thumbslink 
  
  $(function(){ 
      $("#thumbslink").on("click", function(){ 
       $("#siteloader").toggle('fade'); 
       $(".main").toggle('fade'); 
  
      }); 
  }); 
  

  감사

어쨌든 여기 내 코드입니다!

Answer 1

<div> 
<a href="#" id="thumbslink">THUMBS</a> 
</div> 

<div class="main">Main content</div> 

<div id="siteloader"> 
    <a href="">If your external site is not in the same domain as your site then No. I would suggest you to use JSONP objects to send/receive between sites in different domain. 
    </a><br/> 
    <a href="">If it the same then use ajax request 
    </a> 
</div> 

JQuery와는

$("#siteloader").hide(); 

$("#thumbslink").click(function() { 
     $('#siteloader').find('a').each(function() { 
     $('#siteloader').append($(this).attr('href')); 
    }); 
}); 


$(function(){ 
    $("#thumbslink").on("click", function(){ 
     if($('#siteloader').is(":visible")){ 
      $("#siteloader").hide(''); 
      $(".main").show(''); 
     } 
     else{ 
      $(".main").hide(''); 
      $("#siteloader").show(''); 
     } 
    }); 
}); 

JsFiddle