Wordpress 中书签中的右尖括号

Question

我正在尝试在我的Wordpress帖子中包含JavaScript书签。书签使用 jQuery 和一个子选择器">"(右尖括号)，看起来像这样：

<a href="javascript:$('ul>li') ...">Bookmarklet</a>

但是当我在那里使用右尖括号时，它会弄乱页面布局，并且书签元素实际上并没有出现在帖子中。

Answer 1

这将在单击锚点时调用anchorScr函数：

href="javascript:anchorScr()"

然后，该函数将click事件处理程序附加到所有元素。

删除 href 并拥有这个：

jQuery('a').click(function (event) {
//your code
});

代码将执行 - 将 click 事件处理程序附加到所有元素。您可能只应该在

jQuery(document).ready(function(){
jQuery('a').click(function (event) {
//your code
}); 
});

以确保页面已完全加载到 DOM 中。

Answer 2

用谢里夫的提示想通了。

">"符号不能包含在WordPress中元素的href属性中(至少在我的实例中不能？)。但是可以在元素之后添加一个脚本，将其 href 属性修改为我们想要的任何值。

因此，最终代码的结构是：

<a href="whatever" id="uniqueid">Bookmarklet</a>
<script> document.getElementById("uniqueid").href = "javascript:$('ul>li')..."; </script>