Question

栈。

我们正在开发一个网站：http://rodneycrowell.wpengine.com

它是一个单页滚动条，有很多小部件。主页上的第一个小部件是使用jQuery UI选项卡设置的。我们通过functions.php文件将样式和jQuery ui排入队列像这样：

function ahso_scripts() {

    wp_register_script( 'jquery-easing', CHILD_URL . '/library/js/jquery.easing.1.3.js', array('jquery'), '1.3', TRUE );
    wp_register_script( 'jquery-smoothness', CHILD_URL.'/library/js/jquery.smoothscroller.js', array('jquery-easing'), '1.0', TRUE );
    wp_register_style( 'jquery-ui-custom', CHILD_URL.'/library/css/jquery-ui-1.9.0.custom.css', '', '1.9.0', 'all' );

    // only on the home page
    if ( is_front_page() ) {

        wp_enqueue_script( 'jquery-easing' );
        wp_enqueue_script( 'jquery-smoothness' );

        // jquery-ui-tabs
        wp_enqueue_style( 'jquery-ui-custom' );
        wp_enqueue_script( 'jquery-ui-tabs' );
    }

}
add_action( 'wp_enqueue_scripts', 'ahso_scripts' );

在page-home.php模板上，我们像这样实例化jQuery Ui Tabs：

<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function() {
        jQuery("#tabs").tabs();
    });
    //]]>
</script>
<!--[if lt IE 9]-->
<script type="text/javascript">
    //<![CDATA[
    jQuery(function() {
        jQuery("#tabs").tabs("option", "disabled", false);
    });
    //]]>
</script>
<!--[endif]-->

标记有点搞笑，因为我一直在尝试使用（文档）.ready（），故障排除，而不是传入“$”作为别名。

由于某种原因，选项卡不会实例化，或者工作，我们在控制台中没有获得选项卡的错误，一些小部件中有很多内容，但是在我们添加任何内容之前很久就出现了这个问题，

真正让我感到悲痛的是，我们已经以非常相同的方式在另一个网站上完成了这项工作，而且它确实有效。 http://granthammond.com

如果你向下看侧边栏的底部，你会看到一些标签，唯一的区别在于它们是由短代码输出的，而这些是在页面模板中回显的。

再次感谢堆栈。

Answer 1

jQuery UI Tabs的javascript部分正在运行。如果查看源代码并单击不同的选项卡标题，则会添加正确的css类。但是，jQuery UI stylesheet =]

中不包含必需的选项卡样式

Answer 2

当然，你有一个静态的头版？

尝试

if ( is_home() OR is_front_page() )
{
    // ...

代替。

jQuery UI选项卡不起作用

2 个答案: