5

我更新到最新版本的 jQuery，我看到了这个错误。

错误：

未捕获的错误：无法在初始化之前调用选项卡上的方法；试图调用方法“ div.panes > div”

完整片段：

html:

<div id="nav"> <!-- Start Page Navigation -->
    <ul class="tabs page">
        <li><a href="#tab1">Tab1</a></li>
        <li><a href="#tab2">Tab2</a></li>
        <li><a href="#tab3">Tab3</a></li>
        <li><a href="#tab4">Tab4</a></li>
    </ul>
    <div class="clear"></div>
</div> <!-- End Page Navigation -->

JS：

$(document).ready(function() {
    $("div.header div.version").css({ '-moz-border-radius': '6px', '-webkit-border-radius': '6px' });
    $("div#contact_form .text_input").css({ '-moz-border-radius': '4px', '-webkit-border-radius': '4px' });
    $("div#about div.right").css({ '-moz-border-radius' : '8px', '-webkit-border-radius': '8px' });
    $("div#contact_form p label").css({ 
            '-moz-border-radius-topleft': '4px', 
            '-moz-border-radius-bottomleft': '4px', 
            '-webkit-border-bottom-left-radius' : '4px',
            '-webkit-border-top-left-radius' : '4px'  
    });
    $("select").css({ '-khtml-appearance' : 'none' });
    $('#reviews').serialScroll({
      items: 'div',
      axis: 'y',
      duration: 800,
      interval: 5000,
      cycle: true
    });
    $('#reviews').trigger('next');
    $("a.screenshots").fancybox({
            'transitionIn'  :   'elastic',
            'transitionOut' :   'elastic',
            'speedIn'       :   400, 
            'speedOut'      :   400, 
            'overlayShow'   :   false
        });
        $('input#send').click(function() {
        var name = $('input#name').val();
        var email = $('input#email').val();
                var topic = $('select#topic option:selected').val();
        var message = $('textarea#message').val();
        $.ajax({
            type: 'post',
            url: 'scripts/send_email.php',
            data: 'name=' + name + '&email=' + email + '&topic=' + topic + '&message=' + message,

            success: function(results) {
                $('p.validation').html(results);
            }
        }); // end ajax
    });
 $("#ul.tabs").tabs("div.panes > div", { history: true });
});

如果我使用，我看不到错误：

 $("#content ul.tabs").tabs("div.panes > div", { history: true });

在此处输入图像描述

4

2 回答 2

14

试试这个

  $("ul.tabs").tabs("div.panes > div", { history: true });

而不是这个

 $("#ul.tabs").tabs("div.panes > div", { history: true });
于 2012-11-26T04:37:30.013 回答
6

以下解决了我的问题：

$("ul.tabs").tabs($("div.panes > div"), { history: true });
于 2012-11-26T04:40:34.950 回答