jquery不能处理多个函数

jquery not working with more than 1 function

本文关键字:函数 处理 不能 jquery      更新时间:2023-09-26

我在ASPX页面上创建了一个点击函数,它运行良好,当我将代码移动到我的网站时。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中将其添加到我的主站点时,它只是在我单击更多小册子时刷新页面。

很明显,代码是有效的,但网站中有一些东西。主使页面刷新。

我在网站上有另一个J查询函数。master,我认为这可能是造成这种情况的原因:

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

这是页面上的一个滑块,但添加了以前的代码后,它就不起作用了。

关于为什么第一个代码在我的主页中不起作用,我假设它是因为其他三个Jquery函数,但仍然不确定它为什么会刷新。任何帮助都将不胜感激。

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

相反,请使用类型为buttoninput。重写:

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

因此它显示:

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

您的jQuery选择器是基于id的,所以它仍然会像您所期望的那样处理点击事件。