Нужно ли мне снова загружать все файлы css и js в мой HTML-код лайтбокса?
Кажется, что CSS работает нормально. Но функции js не работают на странице лайтбокса. Эти js-файлы включены в родительскую html-страницу и запускаются в том же файле.
на странице лайтбокса работает только код jquery, который я написал в html-коде лайтбокса. Другие функции js, написанные во включенных js-файлах, не работают.
Должен ли я использовать какие-либо другие методы для запуска функций js, которые включены в родительскую страницу на странице лайтбокса ??
Редактировать
HTML-код лайтбокса:
<div id="lightbox-holder">
<div class="result">
<p>Total Amount</p>
<h3>1000</h3>
</div>
<div class="equal-sign"> </div>
<div class="left-stepper"> //Stepper input
<label class="steper-label">Left stepper</label>
<input type="text" id="spinner1" class="ui-stepper" value="0" />
</div>
<div class="plus-sign"> </div>
<div class="right-stepper"> //Stepper input
<label class="steper-label">Right Stepper</label>
<input type="text" id="spinner2" class="ui-stepper" value="0" />
</div>
</div>
<script type="text/javascript">
$(document).ready(function (){
func.init();
$('#cost_allocation').live('click', function() {
$(this).hide();
$('#help_icon').hide();
$('#breakdown').show();
$('#ok_button').hide();
$('#save_button').show();
});
$('#save_button').live('click', function(){
$("#jQLightboxContents").remove();
$("#jQVeil").remove();
});
});
</script>
Этот jQuery внутри страницы лайтбокса работает. Но функции js, запускаемые через func.init (), не работают.
Функция func.init () предназначена для запуска всех js-файлов, необходимых для работы этого кода. Например, код входного блока шагового ввода (числовой шаговый) записывается в файл с именем stepper.js и запускается с помощью функции init. Это хорошо работает на родительской странице, но не отображается на странице лайтбокса. Должен ли я вызывать функцию init () другим способом?