Как изменить свойство location.href динамически через jQuery?

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

Wrap #home вокруг якоря <a> тега, то вы можете изменить его следующим образом:

Edit: Как @ 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

Я думаю, что вы ищете, attr() не .prop()

JS:

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

См скрипку:

https://jsfiddle.net/epL9gb6t/

Answer 3

Попробуйте

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