启用了jquery noconflict的克隆元素

时间:2014-08-28 00:44:51

标签: jquery

我正在尝试克隆一个元素(#flip-data)更改其ID(到#flip-data-clone),然后将其附加到DIV(#flip_data_container)。然而,无法让它发挥作用。

代码:

var $j = jQuery.noConflict();
$j(document).ready(function() {
   .....
   $j("#flip-data").clone().attr("id","#flip-data-clone").appendTo( "#flip_data_container" );
   .....
}

由于

2 个答案:

答案 0 :(得分:1)

当您将#用作选择器时,您只将$j("#flip-data").clone().attr("id","flip-data-clone").appendTo( "#flip_data_container" ); 放在ID的开头,而不是当您想将其作为ID分配给元素时。

jQuery.noConflict()

我不知道为什么你认为这与使用{{1}}有关,因为我确信如果没有它,代码会以同样的方式失败。

答案 1 :(得分:0)

试试这个

  1. 将一个类添加到元素#flip-data,例如:.flip-data
  2. 克隆.flip-data课程并将其附加到#flip_data_container
  3. .flip-data
  4. 中为新#flip_data_container添加ID
    $(function(){
        $(".flip-data").clone().appendTo("#flip_data_container" );
        $("#flip_data_container .flip-data").attr("id","flip-data-clone");
    })