令牌輸入 - 從一個div移動到另一個

-1

根據要求，我想將令牌輸入從一個div移動到另一個div。令牌輸入 - 從一個div移動到另一個

我能夠將令牌輸入數據從一個div移動到其他div，但令牌輸入功能在其他div中不起作用。

下面是代碼

<html> 
<head> 
    <script type="text/javascript" src="jquery-1.11.0.min.js" ></script> 
    <script type="text/javascript" src="jquery.tokeninput.js" ></script> 
    <link type="text/css" href="token-input.css" rel="stylesheet"></link> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
       initialize(); 
     }); 
     function initialize() { 
      $("#demo-input").tokenInput([ 
       {id: 7, name: "Ruby"}, 
       {id: 11, name: "Python"}, 
       {id: 13, name: "JavaScript"}, 
       {id: 17, name: "ActionScript"}, 
       {id: 19, name: "Scheme"}, 
       {id: 23, name: "Lisp"}, 
       {id: 29, name: "C#"}, 
       {id: 31, name: "Fortran"}, 
       {id: 37, name: "Visual Basic"}, 
       {id: 41, name: "C"}, 
       {id: 43, name: "C++"}, 
       {id: 47, name: "Java"} 
      ]); 
     } 
     function change() { 
      if($(".div2").html().trim().length == 0) { 
       $(".div2").html($(".div1").html()); 
       $(".div1").html(''); 
      } else { 
       $(".div1").html($(".div2").html()); 
       $(".div2").html(''); 
      } 
     } 
    </script> 
</head> 
<body> 
    <div class="div1" style="border:1px solid red"> 
     <input type="text" id="demo-input" name="blah" /> 
    </div> 

    <input type="button" onclick="change()" value="ClicktoMove" /> 
    <div class="div2" style="border:1px solid yellow"> 

    </div> 
</body>

能有這方面的一個幫助...

來源

2014-04-04 CNKR

是否需要令牌輸入的狀態：

更改您的密碼？如果不是，我重新初始化圖像將是最好的舉措。 – Chris

@Chris重新初始化將不起作用插件重複輸入 –

當您使用的.html（），孩子們將失去綁定到它的事件。

如果要複製從一個地方到另一個比你可以使用.clone(true)

如果你在你的情況下，移動多個元素，比如，比你需要使用element.contents()

有關詳細信息只有一個元素，閱讀this。

這是Demo。維持

function change() { 
    if($.trim($(".div2").html()).length === 0) { 
     $(".div2").html($(".div1").contents()); 
     $(".div1").html(''); 
    } 
    else 
    { 
     $(".div1").html($(".div2").contents()); 
     $(".div2").html(''); 
    } 
}

來源

2014-04-04 17:08:31

感謝它的工作 – CNKR

令牌輸入 - 從一個div移動到另一個

回答

相關問題