Question

我正在使用按钮名Install的Jquery A href（用作Button）。我已经为调用Jquery AJAX文件编写了代码，Ajax文件名是update.php。

ajax成功执行后，我正在使用更改href标签。

$(.install-blue).text('Stop Installing');

现在，我正在尝试调用updateStop.php。当我点击停止安装（a href）。问题是共享相同的类名，因此它调用update.php

有没有独特的方法来执行此操作？

Answer 1

使用：

$('.install-blue').addClass('fistClass');

当用户点击安装时。

然后使用：

$('.firstClass').text('Stop Installing');

当用户点击停止安装时。

Answer 2

您可以使用HTML 5数据属性来保存状态，例如：jsfiddle

Html

<a class="install-blue" data-state="stopped">Start Installing</a>
<div id="msg">   
</div>

<强> Jquery的

$(document).ready(function(){
    $(".install-blue").click(function(){
        if($(".install-blue").data("state") == "stopped"){
            $(".install-blue").text("Stop Installing");     
            $(".install-blue").data("state", "started");  
        }
        else{
            $(".install-blue").text("Start Installing");
            $(".install-blue").data("state", "stopped");  
        }        
    });
});

Answer 3

Fiddle

HTML

 <input type="button" href="update.php" value="Install" class="install-blue" />

<强>的jQuery

$('.install-blue').click(function(){
   var url=$(this).attr('href');
   alert(url); ///call this ajax url
   $(this).val('Stop Installing'); // add this on ajax success
   $(this).attr('href','updateStop.php'); // add this on ajax success
});

Answer 4

我不确定this example是否是您想要做的。

$(document).ready(function(){
$('.selector').click(function(e){
    e.preventDefault();
    if($(this).text() == 'Stop Installing'){
        //DO STOP ISTALLING STUFF
    }else{
        //DO INSTALL STUFF
        $(this).text('Stop Installing');
    }    
});

}）;

A href上的Jquery AJAX

4 个答案: