0

堆。

我们正在开发一个网站：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 选项卡：

<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]-->

标记有点有趣，因为我一直在尝试，没有使用（document）.ready（）作为别名传递'$'，进行故障排除。

由于某种原因，选项卡不会实例化或工作，我们在控制台中没有收到选项卡的错误，当然，某些小部件中发生了很多事情，但是这个问题早在我们添加任何内容之前就出现了那些，

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

如果您向下看侧边栏的底部，您会看到一些选项卡，唯一的大区别是那些是由简码输出的，而这些是在页面模板中回显的。

再次感谢堆栈。

4

2 回答 2

3

jQuery UI 选项卡的 javascript 部分正在工作。如果您查看源代码并单击不同的选项卡标题，则会添加正确的 css 类。但是，必要的选项卡样式不包含在您的 jQuery UI 样式表中 =]

于 2012-10-23T16:22:01.660 回答
0

当然，你有一个静态的首页？

尝试

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

反而。

于 2012-10-15T20:03:55.023 回答