admin管理员组

文章数量:1426058

Whenever i load my page this error got hit. My code is:

<head runat="server">
   <title>Jai Jinendera</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css"/>
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css">
<![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/all-in-one-min.js"></script>
<script src="js/setup.js"></script>
<script src=".10.1/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.carouFredSel.js" type="text/javascript">
    $(window).load(function () {
        $('.flexslider').flexslider();
    });

    $(function () {
        $('#work').carouFredSel({
            width: '100%',
            scroll: 1,
            auto: false,
            pagination: false,
            prev: '.prev_item',
            next: '.next_item'
        });

        $("#work").touchwipe({
            wipeLeft: function () { $('.next_item').trigger('click'); },
            wipeRight: function () { $('.prev_item').trigger('click'); }
        });
    });

    $(window).load(function(){
        $('#demo-side-bar').removeAttr('style');
    });
</script>
<style type="text/css">
.demobar {
    display:none;
}
#demo-side-bar {
    top:53px!important;
    left:90%!important;
    display:block!important;
}
</style>
</head>

It says error in client/js/setup.js-line 10 column 5

and 10th line of setup.js is

$('.tabs').tabs({ fx: { opacity: 'toggle', duration: 'fast'} });

Whenever i load my page this error got hit. My code is:

<head runat="server">
   <title>Jai Jinendera</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css"/>
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css">
<![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/all-in-one-min.js"></script>
<script src="js/setup.js"></script>
<script src="http://ajax.googleapis./ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.carouFredSel.js" type="text/javascript">
    $(window).load(function () {
        $('.flexslider').flexslider();
    });

    $(function () {
        $('#work').carouFredSel({
            width: '100%',
            scroll: 1,
            auto: false,
            pagination: false,
            prev: '.prev_item',
            next: '.next_item'
        });

        $("#work").touchwipe({
            wipeLeft: function () { $('.next_item').trigger('click'); },
            wipeRight: function () { $('.prev_item').trigger('click'); }
        });
    });

    $(window).load(function(){
        $('#demo-side-bar').removeAttr('style');
    });
</script>
<style type="text/css">
.demobar {
    display:none;
}
#demo-side-bar {
    top:53px!important;
    left:90%!important;
    display:block!important;
}
</style>
</head>

It says error in client/js/setup.js-line 10 column 5

and 10th line of setup.js is

$('.tabs').tabs({ fx: { opacity: 'toggle', duration: 'fast'} });

  • javascript
  • jquery
Share Improve this question asked May 3, 2014 at 1:43 VJainVJain 1,0597 gold badges19 silver badges37 bronze badges 4
  • 2 Why are you including a second copy of jquery.min.js? – nnnnnn Commented May 3, 2014 at 1:46
  • You don't close the caroufredsel <script> tag properly. You also need to start a new one. – Tim Vermaelen Commented May 3, 2014 at 1:46
  • Fascinating. So uh, what does the element with the class "tabs" look like in code again? – tomysshadow Commented May 3, 2014 at 1:47
  • jQuery UI has easing in them. The 1.3 version you include is just duplicated and imo deprecated. – Tim Vermaelen Commented May 3, 2014 at 1:48
Add a ment  | 

1 Answer 1

Reset to default 2

I see two problems in your <script> declarations:

  1. You have included jquery.min.js twice, once from a location on your server and once from Google's CDN. Remove the latter. (Or remove the former and move the latter up to replace it.)

  2. A <script> element should either reference an external script or contain content of its own, but not both.

You need to move the code out of your jquery.carouFredSel.js script element:

<script src="jquery.carouFredSel.js" type="text/javascript"></script>

...and then include that code in a new script element:

<script>
   $(window).load(function () {
   ...
</script>

P.S. I don't know what you have in all-in-one-min.js, but it clearly isn't actually all in one or you wouldn't need the other scripts.

本文标签： jqueryjavascript runtime error object doesn39t support property or method 39tabs39Stack Overflow

版权声明：本文标题：jquery - javascript runtime error object doesn&#39;t support property or method &#39;tabs&#39; - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745467809a2659609.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。