Wordpress 书签中的右尖括号

Question

我正在尝试在我的 Wordpress post 中包含一个 JavaScript 小书签。小书签使用 jQuery 和子选择器“>”（右尖括号），看起来像这样：

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

但是当我在其中使用右尖括号时，它弄乱了页面布局并且小书签元素实际上并未出现在 post.

Answer 1

单击锚点时调用 anchorScr 函数：

href="javascript:anchorScr()"

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

删除 href 并只拥有这个：

jQuery('a').click(function (event) {

 //your code
});

代码将执行 - 将点击事件处理程序附加到所有 a 元素。你应该只运行这个

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>

Right angle bracket in a bookmarklet in Wordpress