更改 href 属性在 jQuery Mobile 中不起作用

发布于 2024-10-31 14:14:14 字数 576 浏览 3 评论 0原文

我想使用 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 中的一些错误吗?

I would like to change href using jQuery Mobile, I tried a some code examples like:

$("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>

and

$("#address").append("href", "http://cupcream.com");
<li><a data-ajax="false" id="address" href="http://www.google.com" >Navigate</a></li>

But nothing happens.

What can be wrong, aren't this some bug in jQuery Mobile?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

巡山小妖精 2024-11-07 14:14:14

您需要向“a”元素添加属性 rel="external"data-ajax="false",以便不通过以下方式管理链接阿贾克斯。
官方文档此处

还看
data-ajax=false 上的 JQuery 移动历史记录

You need to add to your "a" element the attribute rel="external" or data-ajax="false", in order for the links to not be managed via Ajax.
Official Documentation here.

Also look at
JQuery Mobile History on data-ajax=false

羁拥 2024-11-07 14:14:14

仅更改 href 属性对我来说不起作用。我必须更改文本和属性 href 并且效果很好。在 Chrome、Firefox 和 IE10 上测试。

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

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

这为我解决了这个问题。

Changing just href attibute did not work for me. I had to change both, text and the attribute href and that worked just fine. Tested on Chrome, Firefox and IE10.

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

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

This fixed the issue for me.

诗笺 2024-11-07 14:14:14

如果您没有 data-ajax="false" 那么链接将无法通过 jquery attr 函数更改。我看到您有它,但我会提及它以供将来搜索之用。

完成后,您可以像这样更改链接:
$('a[href='http://www.google.com/']').attr ('href', 'http://www.live.com/');

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

If you do not have the data-ajax="false" then the link will not be changeable via the jquery attr function. I see that you have it, but I'm mentioning it for future searches.

Once you have that, you can change the link like so:
$('a[href='http://www.google.com/']').attr('href', 'http://www.live.com/');

I suggest ensuring that your selector is working as expected by doing a 'hide()' on a test case as well.

姜生凉生 2024-11-07 14:14:14

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

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

Use .attr() method, not .append()

$("#address").attr("href", "http://cupcream.com");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文