프로그램은 두 개 이상의 이미지를 감싸지 않을 것입니다.

Question

이 짧은 jquery 프로그램에 도움이 필요합니다. 나는 같은 줄에 2 개 이상의 이미지를 감쌀 수 없습니다. 나는이 웹 사이트를 옆으로두기를 원한다. 그리고 나는 이것이 가장 쉬운 방법 일 것이라고 생각했지만 지금은 곤란하다. 어떤 도움은 매우 극명하게 될 것이다 http://jsfiddle.net/nP3VJ/

$(function(){ 
    $(".gallery").wrapInner("<table cellspacing='30'><tr>"); 
    $("#image").wrap("<td></td>"); 
}); 

: 여기

는 jsfiddle입니다.

Answer 1

귀하의 문제

할당 여러 개체를 같은 ID입니다.

솔루션

는 class 대신 같은 id의 그들이 같은 할당합니다.

이것이 작동하지 않는 이유입니다.

은 여기를보세요 : DEMO

그래서, 당신의 코드가 갈 것 :

HTML (일부만)

<div class="wrapper"> 
    <section class="gallery"> 
     <article class="image"> 
      <img src="images/front.gif"/> 
     </article> 
     <article class="image"> 
      <img src="images/back.gif"/> 
     </article> 
     <article class="image"> 
      <img src="images/www.gif"/> 
     </article> 
    </section> 
</div> 

JS

$(function(){ 
    $(".gallery").wrapInner("<table cellspacing='30'><tr>"); 
    $(".image").wrap("<td></td>"); 
}); 

웹 속성에서 DOM을 확인하면 포장 된 이미지가 표시됩니다. td