1

I am putting some content read through ajax in a div. The content has certain script tags which are used to bind some events on some element contained in the ajax content.
Ajax Content: 

<div>
    <div>
        <select id='mySelectBox'>
            <option value="1">ONE</option>
            <option value="2" selected="selected">TWO</option>
        </select>
    </div>
    <script type="text/javascript">
         $(document).on("change",'#mySelectBox',function(){
            alert($('#mySelectBox').val());
         }); 
        $('#mySelectBox).change(); //problem here....
        </script>
</div>

The change event is bind and working correctly when i change the value of '#mySelectBox'. But here in $('#mySelectBox).change(); statement which triggers the change event immediately after it is bind is not getting called.

what might be the problem.?

4

2 に答える 2

4

締めくくりの引用が欠けていると思います。代わりにこれを試してください：

$('#mySelectBox').change();
于 2013-11-25T21:09:04.230 に答える
0

$('#mySelectBox).change();イベントをトリガーしません。

$('#mySelectBox).trigger('change');します。:)

.change()実際にはのラッパーです.on('change');

アップデート：

委任されたイベントの場合、.trigger() 関数はバブルアップしません。回避策は次の場所にあります。

jQuery を使用して委任されたイベントを手動でトリガーするにはどうすればよいですか?

于 2013-02-12T12:44:54.437 に答える