$.ajax でロードされたページから特定の要素のコンテンツをロードしようとしています。このページには、実行したい JavaScript 関数 (フォーム検証など) も含まれています。簡単なサンプルを次に示します。
$.ajax({
url : 'sample.html',
success : function(data) {
$('body').append($(data).filter('#data')); //does load the content of an element but javascript wont work.
//$('body').append(data); this works but I dont need an entire page
}
});
sample.htmlコンテンツ:
<!DOCTYPE html>
<html>
<head></head>
<body>
trash trash trash
<div id="data">
<script>console.log('javascript works even from ajax called content');</script>
some more sample data to load
</div>
trash trash trash
</body>
</html>
多分あなたの意見では、ajax で読み込まれたコンテンツ内で JavaScript を使用するべきではありません...しかし、それにアクセスする方法がわかりません。