Wordpress中的书签中的直角括号

Question

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

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

但是当我在那里使用直角括号时，它会混淆页面布局，而bookmarklet元素实际上并没有出现在帖子中。

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

用Sharif的小费想出来。

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

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

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