更改href屬性在jQuery Mobile的不工作

Question

我想使用jQuery Mobile的改變href，我嘗試了一些代碼示例，如：

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/'); 

<li><a data-ajax="false" href="http://www.google.com" >Navigate</a></li> 

和

$("#address").append("href", "http://cupcream.com"); 

<li><a data-ajax="false" id="address" href="http://www.google.com" >Navigate</a></li> 

但是nothi ng發生。

什麼可能是錯誤的，這不是在jQuery Mobile中的一些錯誤？

Answer 1

使用.attr()方法，不.append()

$("#address").attr("href", "http://cupcream.com"); 

Answer 2

您需要添加到您的「a」元素屬性rel="external"或data-ajax="false"，爲了使鏈接不通過Ajax進行管理。 官方文件here。

也期待在 JQuery Mobile History on data-ajax=false

Answer 3

更改只是href attibute並沒有爲我工作。我不得不改變兩者，文本和屬性href，這工作得很好。經過Chrome，Firefox和IE10測試。

$('#campuslink').text('http://www.google.com'); 

$('#campuslink').attr('href','http://www.google.com'); 

這解決了我的問題。

Answer 4

如果你沒有data-ajax="false"那麼鏈接將不能通過jquery attr函數改變。我看到你有它，但我提到它爲未來的搜索。

一旦你有，你可以改變像這樣的鏈接： $ ATTR（ 'A [HREF =' http://www.google.com/ ']'）（ 'HREF'， 'http://www.live.com/'）。

我建議通過在測試用例上執行'hide（）'來確保您的選擇器正常工作。