我正在尝试制作类似Dropbox的自定义上下文菜单。我需要的是当用户右键单击一个元素时,上下文菜单中弹出的“编辑”和“删除”等选项链接到该特定元素的“编辑”和“删除”。上下文菜单:
<div class="screenlock-transparent">
<div class="context-menu-wrapper">
<ul class="context-menu">
<a href="<?php echo $edit_url; ?>"><li><i class="icon-edit" style="margin-right: 10px;"></i>Edit</li></a>
<a href="<?php echo $delete_url; ?>"><li><i class="icon-trash" style="margin-right: 10px;"></i>Delete</li></a>
</ul>
</div>
</div>
我采用的方法是在用户右键单击元素时使用jQuery触发事件:
<script type="text/javascript">
$(document).ready(function(){
// Launch on-right-click on element
$(".custom-context-menu").mousedown(function(){
if(event.which == 3) {
if ($(this).hasClass("ul-all-years-faculty")) { // If on the general faculty ul
// Load external php here to build url string specific to the element
// Replace current href value with the url string produced by the external php script
} else if ($(this).hasClass("ul-year-specific-faculty")) {
} else if ($(this).hasClass("ul-semester")) {
} else if ($(this).hasClass("ul-subject")) {
}
}
});
});
</script>
如果if语句是我试图编写将调用我的外部php脚本的代码并且替换href,例如上下文菜单中的“编辑”链接,其中href为包含特定于右键单击元素的变量的URL。
我知道如何使用.load()作为div - $(“#ID”)。load(...)将加载该div内的回显内容。但是,如何在链接(a)的href中加载?
非常感谢你。非常感谢你的帮助。
答案 0 :(得分:1)
如果我理解正确,并且您想要更改标签的href,则需要使用.attr()函数
所以它看起来像这样
$("a").attr("href", "http://newlink.com")