jQuery使用.load()更改链接href

时间:2013-09-05 23:02:33

标签: php jquery html ajax

我正在尝试制作类似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中加载?

非常感谢你。非常感谢你的帮助。

1 个答案:

答案 0 :(得分:1)

如果我理解正确,并且您想要更改标签的href,则需要使用.attr()函数

http://api.jquery.com/attr/

所以它看起来像这样

$("a").attr("href", "http://newlink.com")