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)(「true」を参照) を使用すると、HTML コードとすべてのイベントが複製されることに注意してください。また、複数の同じ ID の最後のオカレンスのみが検出されるため、コピーされた領域に HTML ID が含まれていないことを確認してください。

複製された HTML 文字列をハード検索して置換し、ID を置換してから挿入しました。

Answer 2

問題がありました

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

試す

var $elemToClone = $elem.clone();

と

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

後。

js コードも共有します。