JQuery .on（）変更イベントが発生しない（ページが.load（）内にあります）

Question

さて、私はこれについて数時間前から答えを探していましたが、

それは次のようになりますので、私は、私は.clickイベント後のdiv内にロードページがあります。

$('#mybutton').click(function() { $('#mydiv').load('myinnerpage.aspx'); }); 

その後、私は私が持っている内部myinnerpage.jsを持っている：

$(document).on('change', 'input[name=rbfileByNameOrID]:radio', function() { 
if ($('input#rbByFileName').attr('checked')) 
    fileSelectionBy('filename'); 
else 
    fileSelectionBy('fileid'); 
}); 

myinnerpage.aspxを単独で開かない限り、変更関数は決して起動しません。

Answer 1

はあなたのメインのJavaScriptで、代わりにあなたの含まれるページでごmyinnerpage.jsコードを入れることはできますか？

もし私が "良い解決策"ではなかったのですが、これはあなたを助けることができます：jQueryMobile-Navigationはajaxでページを読み込んだときと同じ問題を抱えていました。それを解決する。彼らの$ .ajax->の成功で、彼らは、innerHTMLプロパティを使用します。

[...] 

//workaround to allow scripts to execute when included in page divs 
all.get(0).innerHTML = html; 

[...] 

あなたは彼らの完全なコードhereを見ることができます。

スクリプトタグおよびページ区切りに含まれるインラインJavaScriptので動作します。

Answer 2

イベントを手動で試してみますか？

$('#mybutton').click(function() { 
    $('#mydiv').load('myinnerpage.aspx', function(){ 
     $('input[name=rbfileByNameOrID]:radio').trigger('change') 
    }); 
}); 

Answer 3

$('input#rbByFileName').trigger('change'); 

OR：

$('input#rbByFileName').change(); 

$('#mybutton').click(function() { 
    $('#mydiv').load('myinnerpage.aspx', function(){ 
     $('input#rbByFileName').change(); 
    }); 
}); 

Answer 4

.loadを実行すると、myinnerpage.aspxの内容は#mydivになります。どんな<script>タグも実行されますが、現在のページのパスから来るので、ファイルパスを確認する必要があります。

../が現在のページとロードされたページで同じではない可能性があるため、相対パスではなく絶対パスを使用するようにスクリプトを変更する必要があります。