jquery不能处理多个函数
jquery not working with more than 1 function
我在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函数,但仍然不确定它为什么会刷新。任何帮助都将不胜感激。
您在表单中使用按钮;按钮导致回发。完全正常。
相反,请使用类型为button
的input
。重写:
<button id="downClick">More Booklets</button>
因此它显示:
<input id="downClick" type="button" value="More Booklets" />
您的jQuery选择器是基于id的,所以它仍然会像您所期望的那样处理点击事件。
相关文章:
- 如何让 AJAX 函数处理提交表单
- Jquery onmouseover()函数处理动态html图像和span
- 如何在ajax调用完成之前停止函数处理
- 如何跨多个函数处理Promise
- JavaScript 函数中的 JQuery 函数 :: 处理.js.
- 覆盖 jquery .load() 函数 - 处理回调
- 调用 Javascript 函数处理表单后,HTML 表单未打印到浏览器
- 如果选中单选按钮,则调用函数处理程序
- 我们如何在错误的资源请求的情况下使用 XMLHttpRequest 函数处理程序
- Javascript 对象或函数处理程序的新函数
- 函数处理 mootools.floor 不工作
- 如何将函数处理程序从控制器传递到 AngularJs 中的指令隔离范围
- Javascript闭包和前后函数处理程序
- position()被当作函数处理
- 存储/导入变量&函数处理(JS)
- 如何使用Out回调函数处理JQueryAjax结果
- 在事件上填充数组,并在事件函数处理程序外部访问它
- 如何在JavaScript中从嵌套函数处理程序返回
- 用一个函数处理多个事件
- 通过单个javascript函数处理两个表单