js加载 

<head runat="server">
    <title>无标题页</title>
    <starsoft:Style ID="Style1" Path="/Css/blue/base.css" runat="server" />
    <starsoft:Style ID="Style2" Path="/Css/jQuery/ui.tabs.css" runat="server" />
    <starsoft:Script ID="Script2" Path="/Js/jQuery/jquery.js" runat="server" />
    <starsoft:Script ID="Script3" Path="/Js/jQuery/ui.core.js" runat="server" />
    <starsoft:Script ID="Script4" Path="/Js/jQuery/ui.tabs.js" runat="server" />
    <script  type="text/javascript">
        $('#rotate > ul').tabs({ fx: { opacity: 'toggle'} }).tabs('rotate', 2000);
    </script>
</head>
<body class="bgadd" style="overflow-y: auto">
    <form id="form1" runat="server">
     <div id="rotate">
        <ul>
            <li><a href="#fragment1"><span>基础信息</span></a></li>
            <li><a href="#fragment2"><span>图片信息</span></a></li>
        </ul>
    </div>
   </div>
    </form>
</body>
</html>
View Code

 $('#rotate > ul').length是0，说明执行js时rotate没有加载出来。

如果把

    <script  type="text/javascript">
        $('#rotate > ul').tabs({ fx: { opacity: 'toggle'} }).tabs('rotate', 2000);
    </script>

放到html后或者

        $(function () {
            $('#rotate > ul').tabs({ fx: { opacity: 'toggle'} }).tabs('rotate', 2000);
        })

就可以了，记得最早做asp项目就遇到过这个问题。

posted @ 2018-09-04 14:22  江境纣州  阅读(7)  评论(0)  编辑  收藏  举报