Question

我是否需要在灯箱html代码中再次加载所有css和js文件？ CSS似乎工作正常。但是js功能在灯箱页面中不起作用。这些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

不，你没有。由于灯箱我们实际上在同一页面，因此无需重新包含任何文件。

我是否需要在灯箱页面中包含css和js文件？

2 个答案: