jquery - 未应用自动完成

Question

我有一个 JQuery tokeninput 自动完成代码，它被放置在 document.ready 函数中。 tokeninput 应用于文本框。此代码适用于放置在 body 标签内的文本框。

我有一个模板，在模板内我有一个包含文本框的弹出窗口。当我将相同的 JQuery token 输入代码应用到弹出窗口内的这个文本框时。它对此不起作用。弹出窗口是否有自己的事件，如文档就绪功能或类似的东西？

那么我可以将 JQuery tokeninput 自动完成代码放在弹出窗口或模板中的什么地方？

所以这是我的自动完成代码:

<script type="text/javascript">
$(document).ready(function() {
alert('Readyyyyyyyy');
    $("#demo-input-facebook-theme").tokenInput(        
          [{
            "first_name": "abc",
            "last_name": "ABC",
            "email": "abc@gmail.com",
            "url": "Image url"
        },

            {
            "first_name": "pqr",
            "last_name": "PQR",
            "email": "pqr@gmail.com",
            "url": "Image url"
        },
        {
            "first_name": "lmn",
            "last_name": "LMN",
            "email": "lmn@yahoo.com",
            "url": "Image url"
        }];


    );

});
</script>

我的弹窗模板代码:

<div id="popupMessage" style="display:none;">
        <div class="PopupHeader">Send a Message
         <a href="#" onclick="HideModalPopup('popupMessage'); return false;">X</a>         
    </div>




   <div class="popupContainer">

        <div class="addnames">
        <strong>To:</strong> Daniel Lewis, Michael Jackson, Sarah Day O'connor, Mitt Romney, Clint
        Eastwood, Samuel Jackson <a href class="addMore">Add More</a>
        </div>
        <div class="fields longtextbox">
            <p>Add from Facebook and Activity Network</p>
            <!-- <input type="text"/> -->
        <input type="text" id="demo-input-facebook-theme" name="blah2"  />

        </div>

        <div class="fields">
            <p>Subject <span class="require">*</span></p>
            <input type="text" />
        </div>
        <div class="fields">
            <p>Message <span class="require">*</span></p>
            <textarea rows="6"></textarea>
        </div>

            <div class="NxtActivity">
            <a href="#">Cancel</a>
                <button type = "submit" onclick = "my();">Send Message</button>
        </div>
   </div>
</div>

单击发送消息按钮时将调用此弹出窗口....

Answer 1

我的猜测:

弹出窗口可能已经加载，您可能只是在显示它。因此，当您实际使用 document.ready 或 load() 函数时，它不会触发。