Каковы побочные эффекты (если есть) нескольких $ (document) .ready () на странице HTML?
Я использую каркас веб-приложения (Symfony 1.3.6), который следует шаблону MVC.
Слой представления состоит из шаблона декоратора. Файл шаблона может также включать другие шаблоны - это то, что вызывает у меня вопрос.
Предполагая, что есть страница (давайте назовем ее «домашней страницей»), которая состоит из нескольких шаблонов - (код был переработан, поэтому «суб-шаблоны» можно использовать на других страницах.
В результате рефакторинга небольшие шаблоны, которые используются основным шаблоном (в нашем примере это «домашняя страница»), должны содержать код, связанный с jQuery.
Допустим, шаблон домашней страницы использует 2 'суб-шаблона:
шаблон Ашаблон BПредположим, что шаблон A состоит из следующего фрагмента:
<div id="field1">This is field 1</div>
<script type="text/javascript">
$(document).ready(function(){
$('#field1').click(function(){
alert('Field 1 clicked!');
});
</div>
</script>
Предположим, что шаблон B состоит из следующего фрагмента:
<div id="field2">This is field 2</div>
<script type="text/javascript">
$(document).ready(function(){
$('#field2').click(function(){
alert('Field 2 clicked!');
});
</div>
</script>
Теперь шаблон «домашняя страница» выглядит так:
<html>
<head>
<title>Multiple jQuery snippet test</title>
<script src="path_to_jquery"></script>
</head>
<body>
<div>include_template('template A')</div>
<div>include_template('template B')</div>
</body>
</html>
Я попробовал это - и, к моему удивлению, это сработало в том, что на объединенной, последней странице ('homepage) был только один $ (document) .ready ().
Я не уверен, что мой браузер (Firefox) или веб-фреймворк (Symfony) проделали «очистку» за кулисами.
Поэтому мой вопрос заключается в том, каков наилучший способ, если вы хотите преобразовать функциональность jQuery в «маленькие многократно используемые шаблоны», которые можно использовать повторно для обеспечения одинаковой функциональности на разных страницах?
Кстати, я надеюсь, что никто не предлагает написать плагин jQuery, так как это ТАК, а не то, о чем я говорю.