Question

此行代码显示用户选择的类别的文本框和主题名称：

for (i = 0; i < globalStore.data.length; i++) {
        //alert(globalStore.data[i].catname);  
        $("#sub").append("<div class='sub row clone_this' id='"+globalStore.data[i].subid+"' ><div class='small-5 medium-3 large-3 columns'><input type='text' onfocusout='getText("+globalStore.data[i].subid+")' class='text_"+globalStore.data[i].subid+"' placeholder='RM'></div><div class='small-7 medium-9 large-9 columns'>"+globalStore.data[i].subname+"</div></div>");
     }

我想允许用户为自己选择的每个主题指定价格。然后＆＃39; onfocusout＆＃39;那个特定的行应该移到顶部。我通过使用clone（）函数实现了这一点。但是，我希望在克隆到克隆元素以及克隆的原始元素之后进行一些修改。

克隆项目：文本框必须替换为标记。这意味着，不是显示用户键入的值的文本框，而是显示键入值的链接，而不是每个主题名称旁边的删除/删除图标。

对于克隆自的原始元素，应隐藏自身/删除。如果在上面移动的克隆项目中单击了删除/删除链接，则会显示回来。

目前的问题是：

1）点击删除链接时，会删除该项并刷新页面。如何防止重新加载？

2）前几行主题没有克隆。不确定为什么

克隆功能

function getText(param)
{
  $("div.clone_this#"+param).clone(true, true).append("<a href='' onclick=removeThis('"+param+"')>remove</a>").insertBefore("#sub");
}
function removeThis(param)
{
    $("div.clone_this#"+param).remove();
}

操纵克隆功能

0 个答案: