javascript - 拉拉维尔 5 : JQuery error

Question

我在使用 JQuery 时遇到问题，我传递了如下链接:

<link href="{{asset('plugins/archivos_admin/bjqs-1.js')}}">
<link href="{{asset('plugins/archivos_admin/organictabs.js')}}">

我编写脚本:

<script>
     $(function() {
        $("#example-one").organicTabs();    
        $("#example-two").organicTabs({
                "speed": 200
            });
        });
    </script>

我在index.blade.php中使用了:

              <div id="example-one" align="center">  <-- It's called here.          
                <ul class="nav">
                <!--
                  <li class="fecha-nav">
                  <span class="tit_fecha_num" align="center"> 22 </span> 
                  <span class="tit_fecha" align="center"> DE OCTUBRE DE 2015 </span>
                  </li>
                  -->
                  <li class="espacio-nav">&nbsp;</li>
                  <li class="nav-one"><a href="#manana">MAÑANA</a></li>
                  <li class="nav-two"><a href="#tarde" class="current" >TARDE</a></li>
                  <li class="nav-three"><a href="#noche">NOCHE</a></li>                                                               
                </ul>   
                <div id="prueba" align="center">      
                  <div class="list-wrap" align="center">                            
                    <ul style="position: relative; top: 0px; left: 0px; display: none;" id="manana" >
         </ul>                        
                    <ul id="tarde">
                    </ul>  
                    <!--- noche -->     
                    <ul style="position: relative; top: 0px; left: 0px; display: none;" id="noche" >
                      <!---->
                    </ul>
                  </div> <!-- END List Wrap -->    
                </div> <!-- prueba -->
              </div> <!-- END Organic Tabs (Example One) --> 

它不起作用，它在浏览器中向我显示此错误:

Uncaught TypeError: $(...).organicTabs is not a function

知道谁可以解决这个问题。

Answer 1

当 .js 调用时，浏览器无法加载脚本文件(<link> 文件)标签，为此您需要使用 <script>像这样的标签:

<script src="{{asset('plugins/archivos_admin/bjqs-1.js')}}"></script>
<script src="{{asset('plugins/archivos_admin/organictabs.js')}}"></script>

在 this answer关于SO，它被解释得更多一些。使用它应该会导致错误消失。

希望这有帮助!