为什么选项卡导航失败并在控制台中产生错误

时间:2018-12-07 04:17:57

标签: jquery laravel-5 tabs

我在个人资料视图中创建了几个标签。我想使用按钮链接从另一页激活某些标签。

这是我的按钮链接”

ImageView

这些是公共使用的javascript文件夹中javascript的来源:

 <a href="{{ url('view_profil')}}/{{$valueItemregistrationkeluarga->ItemRegistrationID}}#keluarga" class="btn btn-warning btn-md">Back</a>

这些是标头中的脚本:

  <script src="{{ url('javascript') }}/jquery-1.11.3.min.js"></script>

  <script src="{{ url('javascript') }}/jquery.dataTables.min.js"></script>
  <script src="{{ url('javascript') }}/dataTables.buttons.min.js"></script>
  <script src="{{ url('javascript') }}/buttons.flash.min.js"></script>
  <script src="{{ url('javascript') }}/jszip.min.js"></script>
  <script src="{{ url('javascript') }}/pdfmake.min.js"></script>
  <script src="{{ url('javascript') }}/vfs_fonts.js"></script>
  <script src="{{ url('javascript') }}/buttons.html5.min.js"></script>
  <script src="{{ url('javascript') }}/buttons.print.min.js"></script>
  <script src="{{ url('javascript') }}/buttons.colVis.min.js"></script>
  <script src="{{ url('javascript') }}/dataTables.select.min.js"></script>
  <script src="{{ url('javascript') }}/jquery-ui.min.js"></script>
  <script src="{{ asset('javascript/custom.js') }}"></script>  
  <script src="{{ url('adminlte/js') }}/bootstrap.min.js"></script>
  <script src="{{ url('adminlte/js') }}/select2.full.min.js"></script>
  <script src="{{ url('adminlte/js') }}/main.js"></script>
  <script src="{{ url('adminlte/plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
  <script src="{{ url('adminlte/plugins/fastclick/fastclick.js') }}"> 

单击该按钮时,它将转到所需的页面,但未指定选项卡。控制台Uncaught TypeError中的错误:$(...)。tab不是函数 在3:2298“ 突出显示的语句是:

 <link rel="stylesheet"
  href="{{ asset('jquery/jquery-ui.css') }}">
 <link rel="stylesheet"
  href="{{ asset('jquery/jquery.dataTables.min.css') }}"/>
 <link rel="stylesheet"
  href="{{ asset('jquery/select.dataTables.min.css') }}"/>
 <link rel="stylesheet"
  href="{{ asset('jquery/buttons.dataTables.min.css') }}"/>
  <link rel="stylesheet"
  href="{{ asset('jquery/jquery-ui-timepicker-addon.min.css') }}"/>

                                    <link rel="stylesheet"
  href="{{ asset('jquery/bootstrap-datepicker.standalone.min.css') }}"/>
 <script src="{{ asset('javascript/jquery.min.js') }}"></script>  
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

 <!-- datatable -->
 <script src="//code.jquery.com/jquery-1.12.3.js"></script>
  <link href="{{ asset('adminlte/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
  <link rel="stylesheet"
  href="{{ asset('adminlte/css') }}/select2.min.css"/>
  <link href="{{ asset('adminlte/css/AdminLTE.min.css') }}" rel="stylesheet">
  <link href="{{ asset('adminlte/css/skins/skin-blue.min.css') }}" rel="stylesheet">
 <script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
 <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>

我已搜索并确定可能的原因是由于重复的jquery源。但是当我尝试删除一些内容时,仍然失败。

我的js代码如下:

 $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');

0 个答案:

没有答案