jQuery Owl Carousel有一些问题。

我正在努力使功能发挥作用。 我试图在其他答案中找到解决方案,并尝试了不同的方法。 尝试使用触发器和Slideby,但无法解决。

如何使点与我的功能一起使用?

请帮助学生:)

  $('.owl-carousel').owlCarousel({ loop:true, margin:10, dots: true, items: 3, slideBy: 3, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }); 
 .item { background: #04fbc7; height: 700px; margin-left: 40px; margin-right: 40px; margin-bottom: 189px; } .owl-dots { text-align: center; } .owl-dot { cursor: pointer; height: 12px; width: 12px; margin: 0 2px; background-color: #ffffff; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; margin-top: 132px; } .active, .owl-dot:hover { background-color: #99f2df; } 
 function carousel_wiever () { ?> <div class="wrapper owl-carousel owl-theme"> <?php $args = array( 'post_type' => 'citat', 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'DESC' ); query_posts( $args ); // The Loop while ( have_posts() ) : the_post(); ?> <div class="item"> <div class="custom_class"> <div class="text1"> <span class="quote"><?php meta('citatet'); ?></span> </div> <div class="text2"> <span class="author"><?php meta('citerat_av'); ?></span> </div> </div> <!-- custom_class --> <div class="owl-dots"> <div class="owl-dot active"><span></span></div> <div class="owl-dot"><span></span></div> <div class="owl-dot"><span></span></div> </div> </div> <!-- item --> </div> <!-- wrapper --> <?php endwhile; // Reset Query wp_reset_query(); ?> 

#1楼 票数:0 已采纳

首先,您已经放置

<div class="owl-dots">
        <div class="owl-dot active"><span></span></div>
        <div class="owl-dot"><span></span></div>
        <div class="owl-dot"><span></span></div>
</div>  

在您的<div class="item">以及while循环内,并且封闭包装div也位于您的循环中。 因此dom结构将无法正确输出。

function carousel_wiever () {
?>

<div class="wrapper owl-carousel owl-theme">

<?php       
        $args = array(
            'post_type' => 'citat',
            'posts_per_page' => -1,
            'orderby' => 'date',
            'order' => 'DESC'
        );
        query_posts( $args );
        // The Loop
        while ( have_posts() ) : the_post(); ?>

        <div class="item">
            <div class="custom_class">

                <div class="text1">
                            <span class="quote"><?php meta('citatet'); ?></span>
                        </div>
                <div class="text2">
                            <span class="author"><?php meta('citerat_av'); ?></span>
                        </div>
                </div> <!-- custom_class -->

            </div> <!-- item  -->     

        <?php endwhile;
        // Reset Query
        wp_reset_query();   
        ?>
        <div class="owl-dots">
            <div class="owl-dot active"><span></span></div>
            <div class="owl-dot"><span></span></div>
            <div class="owl-dot"><span></span></div>
        </div>  
</div> <!-- wrapper -->
<?php
}
?>

其次,我将重新考虑使用query_posts,因为它效率很低。 在此处阅读有关此内容的更多信息: https : //wordpress.stackexchange.com/questions/1753/when-should-you-use-wp-query-vs-query-posts-vs-get-posts

  ask by Erhan translate from so

未解决问题?本站智能推荐:

1回复

将jQuery与WordPress主题一起使用时出错

我购买了WordPress主题,并已开始对其进行自定义。 在我的一生中,该主题的一个方面我无法弄清楚为什么它重定向到名为“ undefined”的页面。 sdndaily.com是有问题的网站。 右上角有一个信封图标,该信封图标使用JavaScript下拉部分以插入您的电子邮件。 单
5回复

我可以将JQuery与内联html一起使用吗?如果是这样的话?

一周前我学会了html和css。 我完成了我的第一个项目,发现我使用的div标签没有调整为移动格式。 我做了一些研究,似乎答案可能在于JQuery或.JS。 我在一个包含的环境中工作,Wordpress.com,我还不了解Java Script,但是我很熟悉那些多年来研究逻辑的语句。
3回复

如何使我的JavaScript与wp_enqueue_script一起使用?

我已经下载了一个免费的HTML5主题,我正在尝试使其适应Wordpress。 CSS工作正常,但javascript工作不正常。 我基本上已经尝试了所有方法,但都无济于事。 JavaScript似乎正在加载,因为我可以在控制台中记录每个js文件,但是没有发生预期的行为(例如,滚动)。
1回复

可以使用JavaScript/jQuery重定向HTML锚点吗?

我目前正在一个拥有多种传统短链接格式的网站上工作。 其中之一特别成问题,因为它链接到不再存在的 HTML 锚点(特别是使用没有前导零的id段落编号)。 新格式的段落编号带有前导零; 虽然这使事情变得可预测,但它也打破了旧的短链接。 例子旧短链接: https ://example.org/ ? AC
1回复

jQuery平滑滚动到Wordpress中的锚点

我试图在单击WordPress中的菜单项后实现jQuery平滑滚动到锚点。 我正在使用此示例: http://jsfiddle.net/YtJcL/ 这是js文件: 在我的wordpress页面中,我创建了一个部分: 然后在wordpress的自定义菜单中将“ anchor_s
2回复

无法获得滚动动画以与jquery一起使用

我正忙于开发一个新网站。 现在,我的问题是在用户向下滚动时添加淡入淡出的动画。 我为此尝试了各种jquery脚本和方法。 甚至尝试了一个简单的脚本来向下滚动时添加一个类。 滚动方法无效。 jQuery本身的作品。 我在移动设备上添加了一个简单的按钮,效果很好。 有人可以帮我吗
5回复

Addclass不是jQuery中的函数[关闭]

我有一个鼠标悬停功能,应该为我的视口元素添加一个类,但是当我鼠标悬停时我在firebug中出现错误:TypeError:jQuery(...)。addclass不是一个函数。 HTML是: 相关的风格是: JS文件是:
2回复

使用jQuery(Wordpress)使整个div可点击

我有一个 wordpress 安装,正在尝试创建一个函数,根据其中的 href 使整个 div 可点击。 我找到了很多文档告诉我要这样做。 但它不起作用,点击后没有任何反应。 奇怪的是,如果我这样做只是作为一个测试 然后它确实起作用了,div 将重定向到 google.com,所以它似乎不是我实现脚