jquery jcarousel错误:未捕获TypeError:对象#<object>没有方法'jcarousel'</object>

时间:2012-12-15 18:52:20

标签: javascript jquery asp.net-mvc-4 jcarousel

我知道这个问题的明显答案是检查jquery和jcarousel脚本是否正确加载,但我可以在浏览器调试器中看到资源,因此认为这不是问题。我似乎无法运行脚本:

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<meta name="description" content="Support and Information for the Trail Tracker application" />

<script type="text/javascript" language="javascript" src="../../Scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="../../Scripts/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../App_Themes/Default/skin.css" />
   <script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#mycarousel').jcarousel({
            // Configuration goes here
        });
    });

这是与方法调用相对应的标记:

<asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li>yo</li>
<li>soy</li>
</ul>

请帮助;我对javascript的经验很少。

2 个答案:

答案 0 :(得分:3)

没有。基本上,您的插件没有绑定到jquery.fn.init。你能做的是:console.dir(jQuery.fn.init.prototype);。这将列出绑定到元素的所有函数。然后检查您是否正确加载插件。基本上,javascript告诉你它无法在jcarousel下找到名为jquery.fn.init.prototype的方法,这很可能意味着你没有正确加载它。

基本上你只需要加载脚本。

<script type = "text/javascript" src = "../jCarousel.min.js"></script>

显然根据你拥有的内容调整文件名/路径,你应该好好去。

答案 1 :(得分:3)

确定;实际回答问题然后删除了答案的人从未回复过,所以这里的解决方案有效:

我在.master页面中加载了一次jQuery库,在.aspx页面上加载了一次。我猜他们互相取消 ~shrug~ ,因为当我删除一个引用时,一切都符合要求。