[英]How can i get clicked link href?
I need to confirm users when they try to exit forms and click on menu; 当用户尝试退出表单并单击菜单时,我需要确认他们; I try to use preventDefault method and its work, but I need get menu item's href that user clicks on it to set after confirm response is true. 我尝试使用preventDefault方法及其工作,但是我需要获取用户单击菜单项的href,以在确认响应为true之后对其进行设置。 I have this HTML code: 我有这个HTML代码:
<ul class="page-sidebar-menu page-header-fixed page-sidebar-menu-hover-submenu ">
<li class="start ">
<a href="/Dashboard">
<i class="icon-home"></i>
<span class="title">Dashboard</span>
</a>
</li>
<li class=" ">
<a href="javascript:;" class="auto">
<i class="icon-wrench"></i>
<span class="title">Administration</span>
</a>
<ul class="sub-menu">
<li>
<a href="/OrganizationUnits">
<span><i class="sub-menu-icon icon-layers"></i> Organization units</span>
</a>
</li>
</ul>
</li>
<li class=" ">
<a href="javascript:;" class="auto">
<a href="javascript:;" class="auto">
<span class="title">Base Info</span>
</a>
<ul class="sub-menu">
<li>
<a href="javascript:;" class="auto">
<i class="fa fa-map-marker"></i>
<span class="title">Area</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li>
<a href="/Country">
<span><i class="sub-menu-icon fa fa-map-marker"></i> Countries</span>
</a>
</li>
<li>
<a href="/Zone">
<span><i class="sub-menu-icon fa fa-map-marker"></i> Zones</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
I try to find links href after each link is click. 单击每个链接后,我尝试查找链接href。 the following code is my java script: 以下代码是我的Java脚本:
$('ul.page-sidebar-menu li a').click(function(e) {
e.preventDefault();
confirm("Are You Sure To Exit From This Form?", function (isConfirm) {
if (isConfirm) {
window.location = $(this).attr('href');
}
});
});
But $(this).attr('href')
equals undefined. 但是$(this).attr('href')
等于未定义。 How can I get clicked link href? 如何获得点击的链接href?
Inside confirm
's callback handler, scope of this
changes local to that function, 在confirm
的回调处理程序内部, this
范围更改为该函数的局部值,
So change it to 因此将其更改为
$('ul.page-sidebar-menu li a').click(function(e) {
e.preventDefault();
var $self = $(this); //notice this new line
confirm("Are You Sure To Exit From This Form?", function (isConfirm) {
if (isConfirm) {
window.location = $self.attr('href'); //notice $(this) is replaced by $self
}
});
});
Adding to gurvinder372 's answer, you can also use arrow function instead of assigning this
to $self
. 除了gurvinder372的答案外,您还可以使用箭头功能,而不是this
功能分配给$self
。
$('ul.page-sidebar-menu li a').click(function(e) {
e.preventDefault();
confirm("Are You Sure To Exit From This Form?", isConfirm => {
if (isConfirm) {
window.location = $(this).attr('href');
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.