如何使用jquery禁用超链接

如何使用jquery禁用超链接,jquery,hyperlink,Jquery,Hyperlink,我的页面上有两个超链接:previous和next,分别导航到上一页和下一页。当我在第一页时,我想禁用previous,当我在最后一页时,我想禁用next 为了尝试这一点,我使用了以下代码(showPage在这里是硬编码的) $(“#prevUp”)。单击(函数(事件) { event.preventDefault(); var-showPage=0; 如果(showPage您可以 $("a").attr('href', 'javascript:'); 试试下面的方法 $("a").attr(

我的页面上有两个超链接:
previous
next
,分别导航到上一页和下一页。当我在第一页时,我想禁用
previous
,当我在最后一页时,我想禁用
next

为了尝试这一点,我使用了以下代码(
showPage
在这里是硬编码的)

$(“#prevUp”)。单击(函数(事件)
{
event.preventDefault();
var-showPage=0;
如果(showPage您可以

$("a").attr('href', 'javascript:');
试试下面的方法

$("a").attr('disabled', 'disabled');
$(“a”).attr('disabled',true);

您也可以尝试

$("a").click(function (e) {
    e.preventDefault();
});
通常,通过打电话

event.preventDefault();

浏览器没有加载页面…

让我们假设您总共有10个页面。更新您的分页,就像我们单击第10页时,下一个链接的href值将是javascript:void(0),而当我们单击第一页时,上一个链接的href值将是javascript:void(0)。并且当您的页面第一次加载previoud链接时,其值将与javascript:void(0)相同。
使用简单的if-else条件检查您的页码。您可以在querystring中发送您的页码。

有关我认为您需要的代码,请参阅下面的代码:

$(document).ready(function(){

    var currentPage = <current page here>
    var pageTotal = <total number of pages>

    if(currentPage<=1)$('#previous').attr('disabled','disabled');
    if(currentPage>=pageTotal)$('#next').attr('disabled','disabled');

});
$(文档).ready(函数(){
var currentPage=
var pageTotal=
如果(currentPage=pageTotal)$('#next').attr('disabled','disabled');
});

我建议您使用服务器端语言来完成这项工作,如果加载页面,您只需使用服务器端语言,并在DOM发送到客户端时执行,而不是让DOM加载客户端并执行必要的操作(见上文)因为这意味着,如果用户愿意,他们可以摆弄按钮。

或,
$(“a”).attr('disabled',true)
Alex Ackerman:它不起作用。看看jsfiddle.net/bhXbh/37,在你将href属性设置为“javascript:”之前,它会执行所有javascript,但如果有,它不会转到href中指定的链接。尽管我同意使用“disabled”属性更好。斯维特林·帕纳约托夫:检查一下,然后告诉我我正在做什么g你正在尝试客户端分页?然后你可以使用任何分页插件..为什么你要重新发明轮子:)Vivek:我可以知道如何使用可能的副本吗?请解释一下你的代码,即使答案很明显(这里就是这种情况)
jQElement.prop('disabled',true);
jQElement.prop('disabled',true);