0

私の問題は、親要素があることです。この場合、クラスで定義され、id がない div です。

メニューを使用して、互いに独立して移動できる親 div の複製を作成する関数を呼び出すことができます。

親 div を作成する関数にこのコードを追加しました。

function makeSmallBlockdiv() {
    $("#canvas").append('<div class="SmallBlock">SMALL BLOCK 350X300</div>')
    $(".SmallBlock").draggable({
        containment: "#canvas",
        scroll: false,
        grid: [10, 10]
    }, {
        cursor: "move",
        cursorAt: {
            top: 300,
            left: 175
        }
    })
    $(".Smallblock").append('<div class="article_title"></div>')
    $(".Smallblock").append('<div class="article_Image"><img style="width: 100%;" src="<? echo $image ?>"></div>')
    $(".Smallblock").append('<div class="font14"><? echo substr($article_text, 0, 200) ?></div>')
}​

PHP コードが機能しないことはわかっていますが、それは問題ではありません。私はそれをテキストと有効な画像ターゲットに置き換えましたが、うまくいきませんでした

問題は、子 div が作成したすべての親に伝播することです。そのため、2 番目の親には 2 セットの子ノードがあり、3 番目の親には 3 セットの子ノードがあり、....

子ノードをクラス定義のみで保持し、それらを作成した親のみを設定する方法はありますか?

4

1 に答える 1

1

必要なのは次のとおりです。

var smallBlock = $('<div class="SmallBlock">SMALL BLOCK 350X300</div>').appendTo("#canvas");
smallBlock.draggable({
        containment: "#canvas",
        scroll: false,
        grid: [10, 10]
    }, {
        cursor: "move",
        cursorAt: {
            top: 300,
            left: 175
        }
    })
    smallBlock.append('<div class="article_title"></div>')
    smallBlock.append('<div class="article_Image"><img style="width: 100%;" src="<? echo $image ?>"></div>')
    smallBlock.append('<div class="font14"><? echo substr($article_text, 0, 200) ?></div>')

これにより、新しく作成されたSmallBlockdivにのみ子が追加されます。

于 2012-12-04T19:22:53.807 に答える