我是否需要在燈箱頁面中包含CSS和JS文件？

Question

我是否需要在燈箱HTML代碼中再次加載所有的CSS和JS文件？ CSS似乎工作正常。 但是js函數在lightbox頁面中不起作用。 這些js文件包含在父html頁面中，並在同一文件中觸發。

只有我在燈箱html代碼中編寫的jquery代碼在燈箱頁面中有效。 包含在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可以正常工作。 但是通過func.init（）觸發的js函數不起作用。

func.init（）用於觸發該代碼正常工作所需的所有js文件。 例如，將步進器輸入單元（數字步進器）代碼寫入名為stepper.js的文件中，並使用init函數觸發該文件。 這在父頁面上效果很好，但在燈箱頁面中未顯示。 我應該以其他方式調用init（）函數嗎？

Answer 1

代碼段會有所幫助。

無論如何，燈箱代碼是html中body標記的一部分，而不是獨立的html。 所以不 ，您不需要再次包含js。

Answer 2

你不可以。 由於燈箱實際上位於同一頁面上，因此無需重新包含任何文件。