Question

我需要这个简短的jquery程序的帮助。我无法让它在同一行中包含两个以上的图像。我希望这个网站能够横向滚动，我认为这是最简单的方法，但现在我很难过了。

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

非常感谢任何帮助。

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>");
});

检查Web检查器中的DOM，它将显示由td

包装的图像

程序不会包含两个以上的图像

1 个答案: