Блог

Нужно ли мне снова загружать все файлы 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, необходимых для работы этого кода. Например, код шагового модуля ввода (numeric stepper) записывается в файл с именем stepper.js и это запускается с помощью функции init. Это хорошо работает на родительской странице, но не отображается на странице лайтбокса. Должен ли я вызывать функцию init () другим способом?

Нет, вы этого не делаете. Поскольку лайтбокс фактически находится на той же странице, нет необходимости повторно включать какие-либо файлы.

Фрагмент кода мог бы помочь.

В любом случае, код лайтбокса является частью тега body в вашем html и не является отдельным html. Итак, нет, вам не нужно снова включать свой js.