.append之后某些功能不起作用

Question

我有一個使用自動完成功能和mask的工作表格。 我決定使表單更加用戶友好，並開始使用選項卡和Ajax加載內容。 要查看所需的表單，我正在使用.append（）創建一個新標簽並在其中顯示內容，而不是一個新的瀏覽器窗口。 追加后，新創建的選項卡中的應該自動完成的字段將不再存在，而好像我復制了完全相同的字段並粘貼在最前面（不在.append選項卡中），它具有自動完成功能。 面具也一樣。

我的問題是.append（）到底如何工作？ 為了使其生效，我是否必須在追加后加載一些js和jquery函數？

Answer 1

我不確定，因為您沒有顯示代碼，但是，當元素不存在時，可能是在onReady內的元素上調用了autocomplete()函數，因為您肯定會使用append()動態append() tabs的內容append()在onReady之后。

問題是，當tab確實存在元素時，必須檢查是否調用了autocomplete() 。

我給你一個例子，我在tab上append和元素，然后當元素存在時，我調用autocomplete() ，並且可以正常工作。 看看這個：

 $(function() { $( "#tabs" ).tabs(); $('#appendButton').click(function(){ // create auto var $auto = $('<div class="ui-widget"><label for="tags">Tags: <\\/label><input id="tags"><\\/div>'); // append auto $('#tabs-1').append($auto); console.log('autocomplete'); // once is appened start autocomplete var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $('#tags').autocomplete({ source: availableTags }); }); });

 <html lang="en"> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> </ul> <div id="tabs-1"> <p> <input id="appendButton" type="button" onclick"appendAuto();" value="appendAuto" /></p> </div> </div> </body> </html>

希望這可以幫助，

.append之后某些功能不起作用

問題描述

1 個解決方案

解決方案1
2 已采納 2015-02-02 23:20:11

.append之后某些功能不起作用

問題描述

1 個解決方案

解決方案1 2 已采納 2015-02-02 23:20:11

解決方案1
2 已采納 2015-02-02 23:20:11