我目前正在使用以下代码作为我的“阅读更多”按钮:
$(document).ready(function() {
$("a.more-link").attr("href", "");
$("a.more-link").attr("onclick", "return false;");
$('.readmore').each(function(index) {
var $link = $(this);
$(".readmore").prependTo('.' + $link.attr("id") + ' > #bottominfo');
});
$('.readmore').click(function() {
var $link = $(this);
if ( $link.attr("alt") == "read more" ) {
$('.' + $link.attr("id") + ' > #maincontent').load($link.attr("title") + ' #mainarticle', function(index) {
$('.' + $link.attr("id") + ' > #maincontent').hide();
$('.' + $link.attr("id") + ' > #maincontent').slideToggle('slow');
});
$('.' + $link.attr("id") + ' > #maincontent').attr("class", $link.attr("id"));
$link.attr('alt','read less');
} else {
$('#'+ $link.attr("id") + ' > .' + $link.attr("id")).hide();
$link.attr('alt','read more');
}
return false;
});
});
我遇到的问题是,如果用户双击(或多次)按钮,它会多次调用该函数。
如何使按钮在.load()
完成之前不可单击?
2条答案
按热度按时间zphenhs41#
最 简单 的 方法 是 在 链接 中 添加 一 个 加载 类 。 我 也 刚刚 对 你 的 代码 做 了 一 个 快速 清理 。 我 没有 研究 它 是 如何 工作 的 , 但 我 相信 如果 你 多 花 点 时间 , 你 可以 让 它 更 有 效率
中 的 每 一 个
$()
示例 :
$("div").hide().slideToggle('slow');
mklgxw1f2#
你能不能不运行.load上的函数呢?