如何解决未确定的TypeError:对象#<Object>在jquery中没有方法“角”？

Question

我在lifray主题中使用jquery round corner plugin，以便在所有类型的浏览器中添加圆角功能，包括IE6到IE8。我在portla_normal.vm中包含了jquery圆角插件如下:-

<head>
    <title>$the_title - $company_name</title>

    <script type="text/javascript" src="/html/js/jquery/jquery.js"></script>                    
    <script type="text/javascript" src="$javascript_folder/jquery_roundcorner.js"></script>
    <script type="text/javascript" src="$javascript_folder/jquery.corner.js"></script>

        $theme.include($top_head_include)

 </head>

这是我的jquery_roundcorner.js文件，当我在浏览器的控制台上看到这个文件中的错误时，如下所示。

$(document).ready(function()    {
    $('#navigation li').corner("round 6px");
    $('#navigation a').corner("round 6px");
});

我在浏览器控制台上出现了以下错误：

Uncaught TypeError: Object #<Object> has no method 'corner'.

有谁能帮我解决这个问题吗？

Answer 1

在我的jquery_roundcorner.js中，我用下面的代码替换了上面的代码。实际上在速度文件中也使用了$，可能会发生冲突。所以最后我试了一下，现在起作用了。

var jq=$.noConflict();
jq(document).ready(function(){
    alert('hello alert1 ');
    jq('#navigation li').corner("round 6px");
    jq('#navigation a').corner("round 6px");
    alert('hello alert3 ');
});

Answer 2

<head>
   <title>$the_title - $company_name</title>
   <script type="text/javascript" src="/html/js/jquery/jquery.js"></script>
   <script type="text/javascript" src="$javascript_folder/jquery.corner.js"></script>             
   <script type="text/javascript" src="$javascript_folder/jquery_roundcorner.js"></script>
   $theme.include($top_head_include)
</head>

更改加载javascript顺序！

您必须确保jquery插件是首次加载的！