Question

我在ASPX页面上创建了一个单击功能，当我将代码移动到我的site.master时，它运行正常，它具有现有的J查询功能，但它似乎无法正常工作。

这是我创建的J查询功能：

var scrolled = 0;
$(document).ready(function () {
    try {
        $("#downClick").on("click", function () {
            scrolled = scrolled + 235;

            $(".cover").stop().animate({
                scrollTop: scrolled
            });

        });
        $("#upClick").on("click", function () {
            scrolled = scrolled - 235;

            $(".cover").stop().animate({
                scrollTop: scrolled
            });

        });
        $(".clearValue").on("click", function () {
            scrolled = 0;
        });
    } catch (e) { }
});

但是，当我尝试将其添加到我的主站点时，在site.master中，当我点击更多小册子时，它只会刷新页面。

显然，代码可以运行，但是site.master中的某些内容会刷新页面。

我在site.master中有另一个J查询函数，我认为可能导致这个问题：

$(document).ready(function () {
    try {
        $('.slider1').bxSlider({
            slideWidth: 960,
            captions: true,
            auto: true,
            autoControls: true
        });
    } catch (e) { }
});

这是页面上的滑块，但添加了之前的代码后，它无法正常工作。

为什么第一个代码在我的主页面中没有工作的任何想法，我假设它是因为其他Jquery函数，但仍然不确定为什么它刷新。任何帮助将非常感激。

Answer 1

您正在使用表单中的按钮;该按钮导致回发。完全正常。

相反，请使用input类型的button。重写：

<button id="downClick">More Booklets</button>

所以它写着：

<input id="downClick" type="button" value="More Booklets" />

您的jQuery选择器基于ID，因此它仍会像您期望的那样处理点击事件。

jquery不使用多个函数

1 个答案: