Question

tabs.js文件

$(document).ready(function(){
    $('#activites').click(function(){
        $('#target').load('activites.php');
    })

    $('#jobs').click(function(){
        $('#target').load('jobs.php');
    })

   $('#employees').click(function(){
      $('#target').load('employees.php');
   })
})

索引（当前页面）：

<!-- page content -->
<div id="target">&nbsp;</div>
<!-- page content end-->

<!-- jQuery -->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Parsley -->
<script src="vendors/parsleyjs/dist/parsley.min.js"></script>
<!-- Custom Theme Scripts -->
<script src="build/js/custom.min.js"></script>

这些Js文件不会应用于任何加载的文件

activites.php
jobs.php
employees.php

Answer 1

我必须做的唯一方法是让js文件与加载的页面一起使用，不是将它添加到主页面中，而是将其添加到已加载的页面中

load.php内容

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Managment Level</label>
    <div class="col-md-6 col-sm-6 col-xs-12">
        <select id="management_lvl" class="form-control" required>
            <option value="">Choose option</option>
            <option value="top">Top</option>
            <option value="middle">Middle</option>
            <option value="low">Low</option>
            <option value="no_skilled">No- Skilled</option>
            <option value="no_semi_skilled">No- Semi Skilled </option>
            <option value="no_non_skilled">No- Non Skilled </option>
        </select>
    </div>
</div>

 <script type="text/javascript">
     $.getScript("build/js/custom.min.js");
     $.getScript("vendors/jquery/dist/jquery.min.js");
     $.getScript("vendors/parsleyjs/dist/parsley.min.js");
     $.getScript("vendors/jquery/dist/jquery.min.js");
     $.getScript("vendors/bootstrap/dist/js/bootstrap.min.js");
 </script>

如果您在主页面上加载这些js文件，它不会在加载的页面上工作

Js文件在加载的内容中不起作用

1 个答案: