0

関数内に配置された JQuery tokeninput オートコンプリート コードがありdocument.readyます。tokeninput がテキスト ボックスに適用されます。このコードは、body タグ内に配置されたテキスト ボックスに対して正常に機能します。

テンプレートがあります。テンプレート内に、テキスト ボックスを含むポップアップがあります。ポップアップ内のこのテキスト ボックスに同じ JQuery トークン入力コードを適用したとき。そのためには機能しません.ポップアップには、ドキュメント準備機能などの独自のイベントがありますか?

では、ポップアップまたはテンプレート内のどこに 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>

このポップアップは、メッセージ送信ボタンをクリックすると呼び出されます....

4

1 に答える 1

0

私の推測：

ポップアップはすでにロードされている可能性があり、それを表示しているだけかもしれません。したがって、実際に document.ready または load() 関数を使用している場合、それらは起動しません。

于 2012-07-13T11:48:22.593 に答える