Question

我正在尝试移动一段代码，其中包含将灯箱弹出到页面上另一个位置的链接。我需要使用javascript / jquery命令执行此操作。我正在将id =“winner-designs”的div移动到id =“intro-examples”的div。这就是我所拥有的：

$（ “＃介绍-实例”）空（）;

$（“＃intro-examples”）。html（“＆lt; div id ='winner-designs'class ='product-section'＆gt;”+ $（“＃winning-designs”）。html（） +“＆lt; / div＆gt;”）;

我的问题是，当我这样做时，html中应该在灯箱中打开的链接不会弹出灯箱。他们只是表现得像普通的链接。为什么我会失去这个功能？感谢。

div标签中的空格实际上并不存在。出于某种原因，我不得不添加它们以使div出现在这个问题中。

好的，如果我不能这样做，我即将开始哭泣！这是我试图影响的HTML：

    <li class="winning-design">

    <!-- thumb -->
    <a href="#" class="lightbox-trigger" title="View case study" data-lightbox-target="winning-design1-lightbox">
        <img src="/static/images/category-product-pages/logo-design/example1-thumb.png" width="268" height="160" />
        <p class="larger-link">View case study</p>
    </a>

    <!-- lightbox -->
    <div id="winning-design1-lightbox" class="lightbox winning-design-lightbox">
        <div class="lightbox-content">

            <div class="winning-design-info">
                <h3>Carplanet.com.au</h3>
                <p>Carplanet.com.au is an Australian based website that reviews new cars. They didn't have a predefined brand or color scheme in mind, so allowed designers to have complete artistic freedom for this logo.</p>
                <ul>
                    <li class="contest-stat">Paid <span class="symbol">$</span><span class="amount">709</span></li>
                    <li class="contest-stat">Received <a href="/logo-design/contests/car-review-company-requires-logo-36577" title="View contest">202 designs</a></li>
                </ul>
            </div>

            <div class="winning-design-feature">
                <div class="enlarged-image-wrapper">
                    <a href="/logo-design/contests/car-review-company-requires-logo-36577">
                        <img data-src="/static/images/category-product-pages/logo-design/example1-large.png" />
                    </a>
                </div>
            </div>

        </div>
    </div>

</li>

Answer 1

您正在失去功能，因为一旦页面加载后立即应用该功能。您创建的任何新元素 - 正是您在.html()方法中所做的 - 都没有灯箱功能。

我对灯箱库不太熟悉，无法告诉你需要执行什么样的代码，但我想你可以调用某些元素来调用某些元素，以便将灯箱功能应用于这些元素。因此，您需要在创建后创建的新元素上调用相同的函数。

Answer 2

你可以尝试点击事件上的$ .getScript（）方法来应用js。不确定那是多么脏......

丢失jQuery灯箱弹出窗口

2 个答案: