更改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>

但没有任何反应。

什么可能是错的，这不是jQuery Mobile中的一些错误吗？

Answer 1

您需要将属性rel="external"或data-ajax="false"添加到“a”元素，以便不通过Ajax管理链接。 官方文件here。

另外看看 JQuery Mobile History on data-ajax=false

Answer 2

仅更改href属性并不适用于我。我不得不更改文本和属性href，并且工作得很好。在Chrome，Firefox和IE10上测试过。

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

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

这解决了我的问题。

Answer 3

如果您没有data-ajax="false"，则链接将无法通过jquery attr函数进行更改。我知道你拥有它，但我提到将来的搜索。

完成后，您可以像这样更改链接： $（'a [href ='http://www.google.com/']'）。attr（'href'，'http://www.live.com/'）;

我建议您通过在测试用例上执行'hide（）'来确保您的选择器按预期工作。

Answer 4

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

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