个人中心
gpt4 book ai didi

jquery - 在 Wordpress 上切换 HTML/JQuery 选项卡

转载 作者：行者123 更新时间：2023-11-28 03:37:39 24 4
gpt4 key购买 nike

<分区>

我需要切换标签的帮助，这里是示例链接:http://app.seed-ville.com/357-2/#1

这只是头部部分，我不确定它有什么问题。

  <ul class="nav">
            <li><a class="active" href="javascript:void(0);">Terms</a></li>
            <li><a href="#1" data-toggle="tab">Privacy</a></li>
            <li><a href="#2" data-toggle="tab">FAQ</a></li>
            <li><a href="#3" data-toggle="tab">Contact</a></li>
            <li><a href="#">Help</a></li>
            <li><a href="#">Media</a></li>
            <li><a href="#">About Us</a></li>
        </ul>


    ----------


    <section id="tab_panes">
    <div class="tab_pane active">Hello</div>
    <div class="tab_pane active"></div>
    <!-- we'll copy/paste the other panes -->
    <div class="tab_pane"><img class="alignleft" src="http://cssdeck.com/uploads/media/items/4/40Ly3VB.jpg" alt="" /></div>
    <div class="tab_pane">Hi1</div>
    <div class="tab_pane">Hi2</div>
    <div class="tab_pane">Hi3</div>
    </section>


    ----------

这很可能是问题所在。我不确定我是否在页面上正确调用和执行它。 

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">// <![CDATA[

$(function() {

    $('.nav a').on('click', function() {

        var $el = $(this);
        var index = $('.nav a').index(this);
        var active = $('.nav').find('a.active');

        /* if a tab other than the current active
        tab is clicked */

        if ($('nav a').index(active) !== index) {

            // Remove/add active class on tabs
            active.removeClass('active');
            $el.addClass('active');

            // Remove/add active class on panes
            $('.tab_pane.active')
                .hide()
                .removeClass('active');
            $('.tab_pane:eq('+index+')')
                .fadeIn()
                .addClass('active');

        }
    });

}());
</script>

调用 .redactor 函数时可能出错

/* Ready function */
sprout.ready = function($) {
// WYSIWYG
$('.redactor, #gb_deal_description, #gb_deal_highlights, #gb_deal_fine_print, #gb_contact_merchant_description').redactor();
jQuery('.masonry_loop').masonry({
itemSelector: '.loop_deal',
gutterWidth: 15,
isAnimated: true,
isResizable: true,
});

24 4 0
文章推荐： javascript - EmberJS 路由器 connectOutlets firstObject 绑定(bind)似乎没有传播
文章推荐： javascript - 如何使输入按钮(键盘)在 IE8 的表单中正常工作？
文章推荐： css - 如何缓存js、css和图片
文章推荐： javascript - 溢出和调整大小问题
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com