Javascript 将链接拖动到书签工具栏时修改链接

我有一个嵌套的、自举的手风琴，在那里折叠，等等

在“我的页面”上，当用户单击手风琴上的链接时，页面也会加载锚定“

数据guid

”属性指定的内容，例如：

//HTML
<a href="#collapseOne" data-guid="Cats">Click to fill page with cats</a>

$(".link_to_click").on("click", function(){
    var guid = $(this).data("guid") // cats
    loadContent(guid) // loads cats to page
});

它仍然将原始href作为书签，即使它更改了元素中的href，并且dragend事件也表示它已更改

$(".link_to_click").on("dragend", function(){
   console.log($(this).prop("href")); // www.catsforall.com/index.html?guid=cats
});

---

我还一直在尝试更改“pathName”属性，并试图摆弄event.originalEvent.dataTransfer对象，但运气不好。有什么想法吗？

当你拖放某物时，你不会移动或改变原始对象。在缓冲区中写下一份副本

由于我不是专家id，请尝试以下操作：

event.dataTransfer.getData()
event.dataTransfer.setData()

event.dataTransfer.getData()
event.dataTransfer.setData()