jQuery页码切换器错误

蒂莫西·马歇尔

标签HTML

<a class="page_prev page_current" href="javascript:;" hidefocus="true" style="outline: none;">
    <span>prev</span>
</a>
<a id="Gal_Btn_P1" href="javascript:;" class="page-numbers page_current" hidefocus="true" style="outline: none;">1</a>
<a id="Gal_Btn_P2" href="javascript:;" class="page-numbers" hidefocus="true" style="outline: none;">2</a>
<a id="Gal_Btn_P3" href="javascript:;" class="page-numbers" hidefocus="true" style="outline: none;">3</a>
<a class="page_next" href="javascript:;" hidefocus="true" style="outline: none;">
    <span>Next</span>
</a>

jQuery代码

    var Gal_C_Page = 1;
    var Gal_M_Page = 3;

    $('.tf_pagination a').click(function(e) {
        if (!$(this).hasClass('page_current')) {

            $('.page_current').removeClass('page_current');
            $('#Page_' + Gal_C_Page).hide();

            if ($(this).hasClass('page_prev')) {
                if (Gal_C_Page == '2') {
                    $(this).addClass('page_current');
                }
                Gal_N_Page =  Gal_C_Page - 1;
                $("#Page_" + Gal_N_Page).show();
                $('#Gal_Btn_P' + Gal_N_Page).addClass('page_current');
                Gal_C_Page = Gal_N_Page;
            } else if ($(this).hasClass('page-numbers')) {
                Gal_N_Page = $(this).text();
                $("#Page_" + Gal_N_Page).show();
                $(this).addClass('page_current');
                if (Gal_N_Page == Gal_M_Page) {
                    $('.page_next').addClass('page_current');
                } else if (Gal_N_Page == '1') {
                    $('.page_prev').addClass('page_current');
                }
                Gal_C_Page = Gal_N_Page;
            } else if ($(this).hasClass('page_next')) {
                if (Gal_C_Page == Gal_M_Page + 1) {
                    $(this).addClass('page_current');
                }
                Gal_N_Page = Gal_C_Page + 1;
                $("#Page_" + Gal_N_Page).show();
                $('#Gal_Btn_P' + Gal_N_Page).addClass('page_current');
                Gal_C_Page = Gal_N_Page;
            }
            alert(Gal_C_Page);
        }
    });
});

问题

好吧,如果我的JQuery代码看起来不像是一堆垃圾,而且过于复杂,那么我唯一的问题就是:

  • 点击(1、2、3 ...)-工作
  • 点击下一步-工作
  • 单击一个数字,然后单击下一步-变量将变为11或21。

我已经为这个问题添加了Javascript标记,因为只要能获得解决方面的帮助,我就不会对它的执行方式感到困惑。

我尝试了多次编辑,而此处添加的代码是我的当前版本。

冬玉

Gal_N_Page = $(this).text();将给您一个字符串,字符串+数字=字符串,例如:'1' + 1 = '11'因此更改为Gal_N_Page = parseInt($(this).text(), 10);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery滑块/切换器/标签

来自分类Dev

将 cookie 添加到 jquery 切换视频背景切换器

来自分类Dev

语言切换器

来自分类Dev

网站移动切换器

来自分类Dev

Cmd + Tab应用程序切换器在错误的监视器上

来自分类Dev

样式表切换器按钮可在单击(jQuery)时切换html?

来自分类Dev

jQuery切换器-单击一个切换器应更新另一个

来自分类Dev

为什么这个jQuery图像切换器不起作用?

来自分类Dev

禁用GNOME(Compiz)任务切换器分组

来自分类Dev

JavaScript主题切换器问题

来自分类Dev

Symfony 2.4中的语言切换器

来自分类Dev

如何关闭窗口切换器

来自分类Dev

ng-cookie和主题切换器

来自分类Dev

Joomla语言切换器替代

来自分类Dev

图像切换器有什么好处?

来自分类Dev

Java语言中的切换器实现

来自分类Dev

动画切换器和Bloc Builder

来自分类Dev

Polylang自定义语言切换器

来自分类Dev

禁用GNOME(Compiz)任务切换器分组

来自分类Dev

在Linux上托管文件切换器

来自分类Dev

恢复Lubuntu上的任务切换器菜单

来自分类Dev

如何禁用Alt-Tab切换器?

来自分类Dev

Notepad ++ Doc切换器样式?

来自分类Dev

Wordpress中的JavaScript样式切换器

来自分类Dev

iPhone任务切换器图像为黑色

来自分类Dev

VNC内部的任务切换器

来自分类Dev

带引导程序的语言切换器

来自分类Dev

XFCE面板旋转窗口切换器

来自分类Dev

Android多视图切换器