gpt4 book ai didi

当append()文本包含链接时的jQuery问题

转载 作者:行者123 更新时间:2023-12-01 04:23:45 25 4
gpt4 key购买 nike

我的应用程序(单页面布局)从服务器接收数据,我想要一个基于按钮的漂亮导航,例如:

<a data-role="button">Button X</a>
<a data-role="button">Button Y</a>

非常简单。当用户在程序中来回移动时,我想重用我的 div,因此我在使用 append() 之前调用 $('#fancyDiv').empty() code> 插入新按钮 - 根据程序状态。

好的,但现在我们遇到了麻烦。仅在第一次调用时按钮才能正确显示。当我返回时,选择另一个菜单项并刷新页面(调用 empty()append()),除了纯文本之外,不再有任何按钮。

最小化我的代码吧,看起来 jQuery 不喜欢附加 HTML anchor 标记。
您可以在下面找到一些可在网络浏览器中打开的 HTML 代码。附加第二个文本时,您可以看到该链接没有着色,而是被忽略并显示为常规文本。

我还尝试了 html()text() 方法,得到了相同的结果,所以我很感激任何想法。

<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

<body>
<a data-role="button" onclick="$('#text').empty();">Empty paragraph</a>
<a data-role="button" onclick="$('#text').append('wawon Park is a park that is located in Daegu Dalseong-gun, South Korea. The people who mainly use the park are children. It is marked to park, <a>1981 March 10.</a>')">Attach new Text</a>

<p id="text">Hod Stuart (1879-1907) was a <a>Canadian professional</a> ice hockey cover-point (now known as a defenceman) who played nine seasons for several teams in different leagues. He also played briefly for the Ottawa Rough Riders football team</p>

<h3>Reference Text</h3>
<p>wawon Park is a park that is located in Daegu Dalseong-gun, South Korea. The people who mainly use the park are children. It is marked to park, <a>1981 March 10.</a></p>
</body>
</html>

* 编辑/更新*

好的,Rory McCrossan 提出了一个非常好的建议,即手动将 ui-link 类添加到 anchor 元素。这从技术上解决了我的问题,但更进一步,出现了一个新问题。我确定是否为此提出一个新问题:

如前所述,我想使用按钮进行导航,仅向它们添加 ui-link 类是不够的。我检查了this fiddle与 Firebug ,似乎缺少某种启动方法。这是工作按钮的代码:

<a class="ui-btn ui-btn-up-c ui-btn-corner-all ui-shadow" data-role="button" data-theme="c">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">1981 March 10.</span>
</span>
</a>

这里我们使用附加按钮:

<a class="ui-link" data-role="button">1981 March 10.</a>

好吧,快速而肮脏,我可以复制代码并自己设置所有跨度,但这听起来......错误,并且一旦 jQuery 的结构发生一些变化就会中断。

最佳答案

您的代码运行良好。正在附加 A 标记,但它只是没有以任何方式设置样式。如果将 ui-link 类添加到 A 标记,它看起来与其他标记相同。我假设此类是由您包含的 jquery-mobile 脚本在加载时添加的。

参见this fiddle举个例子。

请注意,我还将每个按钮的处理代码移至其自己的点击处理程序中,以便为您提供更简洁的代码。

关于当append()文本包含链接时的jQuery问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8255794/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com