我在使用 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"> </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
知道谁可以解决这个问题。
最佳答案
当 .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,它被解释得更多一些。 使用它应该会导致错误消失。
希望这有帮助!
关于javascript - 拉拉维尔 5 : JQuery error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35182439/