0

我的问题是我有一个父元素，在这种情况下是一个由类定义的 div，没有 id。

使用菜单，我可以调用一个创建父 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 传播到我创建的所有父母。所以，我最终在第二个父节点中有两组子节点，在第三个父节点中有三组子节点，依此类推......

有没有办法让子节点只保留一个类定义并让它们只填充创建它们的父节点？

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 回答