1

我正在尝试让一个网站在 Wordpress 上运行，并带有自定义的 Twitter Bootstrap 主题。

我一直在用他们的答案寻找类似的问题，但我似乎无法让主页上的轮播自动启动。单击左/右箭头后它将开始滑动，但我认为仍然有问题，因为即使我将滑动间隔设置为 500，但似乎并非如此。我想这一定是我缺少的一些非常基本的东西。

是我正在加载的脚本序列（与functions.php相关）：

<?php 
function wpbootstrap_scripts_with_jquery()
{
    // Register the script like this for a theme:
    wp_register_script( 'custom-script', get_template_directory_uri() . '/bootstrap/js/bootstrap.js', array( 'jquery' ) );
    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));
?>

怎么样

<?php wp_enqueue_script("jquery"); ?>

在 header.php 中的一部分？

或者只是一个根本性的错误

<script type="text/javascript">

    $(document).ready(function() {
        $('#myCarousel').carousel({
        interval: 500
        });

        $('#myCarousel').carousel('cycle');

    });

</script>

在此先感谢您的帮助。

4

2 回答 2

0

您必须先加载bootstrap.js才能调用carousel()内联脚本。

<script src="http://thirdwavepower.com/V2/wp-content/themes/wpbootstrap/bootstrap/js/bootstrap.js?ver=3.5.2"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#myCarousel').carousel({
            interval: 500
        }); 
        $('#myCarousel').carousel('cycle');
    });
</script>
于 2013-09-17T11:39:52.150 回答
0

有时您需要将 JavaScript 文件放在轮播之后。实际上在页面结束之前。

<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() { 
$('#myCarousel').carousel({ interval: 3000, cycle: true });
});

参考：http: //twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

谢谢

于 2014-02-03T17:34:01.490 回答