Я пытаюсь добавить событие click для элемента, который возвращается с сервера через ajax. Судя по всему, мне нужно прикрепить свой js-файл к ответу, а не к основному сценарию. Это лучшая практика? Нужно ли создавать отдельный js-файл для добавления события в возвращаемый текст ??
Пример:
Мой Jquery - selectWeek.js
$(document).ready(function(){
//handle ajax..
var url="sendSchedule.php";
$.post(
url,
{week:input},
function(responseText){
$("#ajax").html(responseText);
},
"html"
);
// click on #add button
$("#add").click(function(){
//do something
return false;
});
});
Моя главная страница
<script type="text/javascript" src="JS/selectWeek.js"></script>
</HEAD>
<BODY>
//the code that trigger ajax is omitted
<div id=ajax>
//the response text will be inserted here
</div>
</BODY>
</HTML>
ответ от сервера
// display html (omit)
// Do I have to attach the same js file to let #add listen the event?
<script type="text/javascript" src="JS/selectWeek.js"></script>
<form>
<input type='button' id='add' value='add'/>
</form>
Я не уверен, разъясню ли я свой вопрос. Я хочу знать, нужно ли мне добавлять события в возвращаемый текст. Должен ли я добавить ссылку на файл JS в тексте возврата или есть способ сделать это на главной странице. Я просто хочу написать свой код js на главной странице и сделать его простым. Спасибо за любой ответ.