私は達成しようとしています-映画の名前のリンク をクリックすると、getSummary関数が呼び出され、iframe.phpデータがsummarydivに表示されます。次のコードは機能しますが、問題があります。要約divのスクリプト(この場合はdatepickerなど)は機能しません(ただし、ajaxを介して作成されていないdivでは引き続き機能します)。私が間違っているのは何ですか?ご覧いただきありがとうございます!
index.php:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
... other scripts ...
<script type="text/javascript">
function getSummary(id)
{
$.ajax({
type: "GET",
url: 'include/iframe.php',
data: "id=" + id, // appears as $_GET['id'] @ ur backend side
success: function(data) {
// data is ur summary
$('#summary').html(data);
}
});
}
</script>
</head>
<body>
<a href="javascript:void(0);" class="movie" onclick="getSummary(2)">Name of movie</a <br/>
<div id="summary">Here is summary of movie</div>
</body>
</html>
include / iframe.php:
<form class="form-horizontal">
<fieldset>
<div class="input-prepend">
<span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="range" id="range" />
</div>
</fieldset>
</form>