jquery阻止默认问题
jquery prevent default questions
如何使preventDefault在此上下文中正确运行?如果用户点击页面重新加载的超链接,我会阻止这种默认操作。一般来说,我会捕捉到点击事件或其他什么,但我直接从超链接调用函数。我不知道该怎么做。非常感谢您的帮助。
<a href='' onclick="javascript:OpenModal(<?=$val->Prodid;?>);"><?=$val->ProdDesc;?>
<script>
function OpenModal(id) {
OpenModal.preventDefault(); //this does not work, but is here to show what I'm trying to do.
$.ajax({
url: "?url=Inventory/detail/"+id,
type: "POST",
success: function (data) {
$('#divDetail').html(data);
$('#divDetail').dialog({
modal: true,
width: 'auto'
});
}, error: function(jqXHR, textStatus, errorThrown){
alert('error'.textStatus.errorThrown);
}
});
}
</script>
如果我加上:
<a href='' onclick="javascript:OpenModal(<?=$val->Prodid;?>); return false;"><?=$val->ProdDesc;?>
它工作正常,但我认为这是一种黑客行为,而不是正确的做事方式。想法?
传入event
对象并在该对象上调用preventDefault()
:
<a href='' onclick="javascript:OpenModal(<?=$val->Prodid;?>, event);"><?=$val->ProdDesc;?>
function OpenModal(id, event) {
event.preventDefault();
您可以使用数据属性将您的id解析到JQuery,并将事件绑定到单击函数,然后对此执行preventDefault。
HTML
<a href='#' id='myLink' data-value='<?php echo $myVal; ?>'>Click Me!</a>
JQuery
$('#myLink').click(function(e) {
e.preventDefault();
OpenModal( $(this).attr('data-value') );
});
function OpenModal(id) {
$.ajax({
url: "?url=Inventory/detail/"+id,
type: "POST",
success: function (data) {
$('#divDetail').html(data);
$('#divDetail').dialog({
modal: true,
width: 'auto'
});
}, error: function(jqXHR, textStatus, errorThrown){
alert('error'.textStatus.errorThrown);
}
});
}
如果你想阻止事件,如果你声明它太,你可以在事件本身中执行
<script>
$( "a" ).click(function( event ) {
event.preventDefault();
});
</script>
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 使用 ajax 填充选择时没有选定的默认选项的问题
- YUI2 颜色选取器默认值问题
- 阻止表单提交 预防默认问题
- 设置“完整日历”问题中的默认点击选择突出显示
- jQuery 手风琴菜单 - 默认情况下隐藏子菜单时遇到问题
- 跨日期选取器默认日期问题
- 添加Chrome扩展时的本地化问题——说我没有指定默认的语言环境,尽管我指定了
- 交叉日期选取器问题默认值应为空
- jquery阻止默认问题
- 非默认行高的可处理滚动问题
- select .js关于无结果插件和允许默认链接行为的问题
- 更改firefox默认按钮问题
- 我的javascript函数在下拉菜单中选择默认值有什么问题?
- 在Glide.js中使用按钮代替默认导航的问题
- & lt;销售:select>使用默认选项为空时,下拉问题
- backbone.js中的默认路径问题
- javascript退格默认问题..返回一页
- 使用设置默认主题方法的角度材料主题问题
- jQuery Prevent默认问题