Question

我想更改按钮的href：

<button class="btn btn-info btn-lg" id="home" onclick="location.href='index.php'">Home</button>

我试过了：

$('#home').prop("href" , "home.php");

PHP：

<button class="btn btn-info btn-lg" id="home" onclick="location.href='<?php echo $link; ?>'">Home</button>

但它没有用。

Answer 1

围绕锚#home标记包裹<a>，然后您可以更改它：

编辑：由于@ putvande的评论提示我在锚标记内没有按钮，因为它在语义上不正确，我会将<button>标记更改为<span>类btn

<a href="<?php echo $link; ?>">
    <span class="btn btn-info btn-lg" id="home">Home</span>
</a>

<script type="text/javascript">
$('#home').parent().attr('href', 'home.php');
</script>

Answer 2

试试这个

$("#home")[0].onclick = null;
$("#home").click(function() { location.href="home.php";});

Answer 3

我认为你要找的是attr()而不是.prop()

JS：

$('#home').attr("href" , "home.php");

见小提琴：

https://jsfiddle.net/epL9gb6t/

如何通过jQuery动态更改location.href属性？

3 个答案: