php - 克隆对象在使用 PHP 脚本创建的 jquery 代码的页面上无法正常工作

Question

<li style="padding: 5px; width: 150px; overflow: hidden; float: left; height: 202px;">
    <div class="title"> <a href="/index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=68&amp;virtuemart_category_id=7">Castle Bounce House</a> </div>
    <div class="image"> <a href="/index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=68&amp;virtuemart_category_id=7"> <img height="100" width="130" border="0" src="http://newsite.domain.com/images/stories/virtuemart/product/resized/castle_themed_bo_4f844059227b89_90x90.jpg"></a> </div>
    $949.00
    <div class="addtocart">
        <div class="addtocart-area">
            <form action="index.php?option=com_virtuemart&amp;view=cart" class="product" method="post">
                <div class="addtocart-bar">
                    <label class="quantity_box" for="quantity68"> </label>
                    <span class="quantity-box">
                    <input type="text" value="1" name="quantity[]" class="quantity-input">
                    --&gt; </span> <span class="quantity-controls"> 
                    <!--<input type="button" class="quantity-controls quantity-plus" />
        <input type="button" class="quantity-controls quantity-minus" />--> 
                    </span> <span class="addtocart-button">
                    <input type="submit" value=" " class="addtocart-button" name="addtocart">
                    </span>
                    <div class="clear"></div>
                </div>
                <input type="hidden" value="Castle Bounce House" class="pname">
                <input type="hidden" value="com_virtuemart" name="option">
                <input type="hidden" value="cart" name="view">
                <noscript>
                &lt;input type="hidden" name="task" value="add" /&gt;
                </noscript>
                <input type="hidden" value="68" name="virtuemart_product_id[]">
                <input type="hidden" value="7" name="virtuemart_category_id[]">
            </form>
            <div class="clear"></div>
        </div>
    </div>
</li>

我有这个'li'标签并且它正在正确克隆我已经匹配了每一行但是它们是原始对象和克隆对象中的提交按钮，当我通过原始对象提交我的页面时它工作正常。但是当我通过提交我的页面时克隆然后他们的功能不能正常工作谁能告诉我在jquery中克隆有什么问题。

这是我的克隆对象：

<li style="padding: 5px; width: 150px; overflow: hidden; float: left; height: 202px;">
    <div class="title"> <a href="/index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=68&amp;virtuemart_category_id=7">Castle Bounce House</a> </div>
    <div class="image"> <a href="/index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=68&amp;virtuemart_category_id=7"> <img height="100" width="130" border="0" src="http://newsite.domain.com/images/stories/virtuemart/product/resized/castle_themed_bo_4f844059227b89_90x90.jpg"></a> </div>
    $949.00
    <div class="addtocart">
        <div class="addtocart-area">
            <form action="index.php?option=com_virtuemart&amp;view=cart" class="product" method="post">
                <div class="addtocart-bar">
                    <label class="quantity_box" for="quantity68"> </label>
                    <span class="quantity-box">
                    <input type="text" value="1" name="quantity[]" class="quantity-input">
                    --&gt; </span> <span class="quantity-controls"> 
                    <!--<input type="button" class="quantity-controls quantity-plus" />
            <input type="button" class="quantity-controls quantity-minus" />--> 
                    </span> <span class="addtocart-button">
                    <input type="submit" value=" " class="addtocart-button" name="addtocart">
                    </span>
                    <div class="clear"></div>
                </div>
                <input type="hidden" value="Castle Bounce House" class="pname">
                <input type="hidden" value="com_virtuemart" name="option">
                <input type="hidden" value="cart" name="view">
                <noscript>
                &lt;input type="hidden" name="task" value="add" /&gt;
                </noscript>
                <input type="hidden" value="68" name="virtuemart_product_id[]">
                <input type="hidden" value="7" name="virtuemart_category_id[]">
            </form>
            <div class="clear"></div>
        </div>
    </div>
</li>

Answer 1

请记住，使用.clone(true)（参见“真实”？）HTML 代码和所有事件都被克隆。还要确保复制区域中没有 HTML id，因为只会找到最后一次出现的多个相同 id。

我对克隆的 HTML 字符串进行了一次硬搜索和替换以替换 id，然后将其插入。

Answer 2

我有问题

$elem.clone().function1().function2().bla().bla();

尝试

var $elemToClone = $elem.clone();

和

$elemToClone.function1().function2().bla().bla();

后。

也分享js代码。