如何将onclick按钮替换为链接格式

Question

以下是我当前的代码

<input type="submit" value="Result" id="loadbutton" />

$.ajaxSetup ({
    cache: false
});
var ajax_load = "<img class='loading' src='/loading.gif' alt='loading...' />";

var loadUrl = "/result.php";
$("#loadbutton").click(function(){
    $("#result").html(ajax_load).load(loadUrl);
});

如何替换提交按钮

<input type="submit" value="Result" id="loadbutton" />

成为一个纽带

<a href="/result.php">Result</a>

Answer 1

正常方式：

<a href="/result.php" id="result">Result</a>
<script>
    $('#result').click(function() {
        // Do something
     });
</script>

Answer 2

我认为你走错了路，试图把按钮变成一个链接。简单地删除一个然后添加另一个可能会更容易。我会这样做：

<funzone><input type="submit" value="load()" id="loadbutton" /></funzone>

然后，作为load()的一部分

$('funzone').remove('#loadbutton');
$('funzone').append('your image or whateves');

但那只是我的想法。我是说，我是那种会做HTML标签的人，所以，你知道，有点不对劲。

Answer 3

这样如何：

$("#loadbutton").click(function (event) {
    event.preventDefault();
    $(this).replaceWith("<a href='/result.php'>Result</a>");
});

下面是一个有效的示例：http://jsfiddle.net/WVwc6/