我有一些关于 jQuery 的逻辑问题。
我很确定我需要一个循环设置,但是很难将它组合在一起。我参考了 tuts、视频、工作示例、幻灯片,甚至是原始 javascript,但仍然难以将逻辑端对齐。
提供了小提琴链接,下面是一些简短的注释……</p>
问题:
- 理想情况下,我希望复制我所做的锚点,但是在页面上有多个锚点时,它会复制所有锚点并在所有这些锚点之后插入。我只需要复制一次包含在 H5 中的链接,并且它们必须是唯一的。
目标:
- 利用所见即所得的现有标记制作块样式按钮。
- 平台(如果有帮助):Drupal 6 CMS,带有 jQuery 1.2.6。
- 注意:我可以链接到外部托管,但是当我这样做时 Drupal 有时会生气。
必需的:
- 使用 CSS 类 (makeBigButton) 来触发此行为。
- 最终用户可以在 WYSIWYG 中添加自定义类,以便他们可以在需要时通过添加此类来“切换”。
限制:
- 我们不在 HTML5 上,所以用锚包装内容已经过时了。
- 字体样式因内容而异,因此我尽量避免使用自定义样式。
原始示例包括……</p>
- 标记
- 造型
- 评论但半功能性的行为
- http://jsfiddle.net/n5FRB/1/
HTML
<div id="right">
<div class="module conference program makeBigButton">
<p>
<img src="#" alt="Placeholder"/>
</p>
<h5>
<a title="Yahoo" target="_blank" href="http://www.yahoo.com">Yahoo</a>
</h5>
</div>
<div class="module conference program makeBigButton">
<p>
<img src="#" alt="Placeholder"/>
</p>
<h5>
<a title="Google" target="_blank" href="http://www.google.com">Google</a>
</h5>
</div>
半功能 jQuery 剪辑
$('.makeBigButton h5 a').clone().addClass('bigButton').insertAfter('.makeBigButton h5');
半功能包括……</p>
- 代码片段
- 有点期望的行为
- http://jsfiddle.net/n5FRB/2/
谢谢大家。