Javascript 如何在模式弹出和提交时删除url中的#
这里有个问题 我有一个模式,当我用我的代码打开它时,我的url扩展扩展像这样扩展Javascript 如何在模式弹出和提交时删除url中的#,javascript,jquery,modal-dialog,Javascript,Jquery,Modal Dialog,这里有个问题 我有一个模式,当我用我的代码打开它时,我的url扩展扩展像这样扩展 $(文档)。在(“单击”、“输入[name='txt1']”上,函数(){ $('#modal1').show(); }); $(文档)。在(“单击”,“输入[name='txt2']”上,函数(){ $('#modal2').show(); }); $(文档).on(“单击“,”.btn1”,函数(){ if($('#modal1:checkbox:checked')。长度>1){ $('input[name=
$(文档)。在(“单击”、“输入[name='txt1']”上,函数(){
$('#modal1').show();
});
$(文档)。在(“单击”,“输入[name='txt2']”上,函数(){
$('#modal2').show();
});
$(文档).on(“单击“,”.btn1”,函数(){
if($('#modal1:checkbox:checked')。长度>1){
$('input[name=txt1]').val('multiple');
}否则{
$('input[name=txt1]').val($('modal1:checkbox:checked:checked').prev('label').text());
}
$('#modal1').hide();
});
$(文档)。在(“单击“,”.btn2“,函数()上){
$('#modal2').hide();
});
$(“.radio”).change(函数(){
$(“.radio”).prop('checked',false);
$(this.prop('checked',true);
});代码>
/*模态布局*/
莫代尔先生{
排名:0;
左:0;
不透明度:0;
位置:绝对位置;
可见性:隐藏;
盒影:0 3px 7px rgba(0,0,0,25);
框大小:边框框;
过渡:全部。4s轻松进出;
-webkit过渡:全部。4s易入易出;
-moz过渡:全部。4轻松输入输出;
}
.modalwrapper:目标{
不透明度:1;
可见性:可见
}
.覆盖{
背景色:#000;
背景:rgba(0,0,0,8);
身高:100%;
左:0;
位置:固定;
排名:0;
宽度:100%;
z指数:1;
}
.modalcontainer{
显示:表格;
背景色:#777;
位置:相对位置;
z指数:100;
颜色:#fff;
填充物:5px;
}
.modalcol1{显示:表格单元格;}
.clear{clear:两者;}
.modalwrapper输入[类型=复选框]{
浮动:对;
右边距:20px;
}
.savebutton输入[类型=提交]{
浮动:对;
背景颜色:栗色;
颜色:#fff;
边界:无;
填充物:5px10px;
边缘顶部:5px;
右边距:20px;
}
/*模态布局到此结束*/
测试1
测试2
测试3
测试4
测试5
提交
芒果
班纳
葡萄
提交
将回调添加到隐藏()函数中。
函数:
$('#modal1').hide(400, removeHashFromUrl());
function removeHashFromUrl()
{
window.location.hash = '';
}
或者您可以直接内联回调,但它显然可以在函数中重用:
$('#modal1').hide(400, function(){window.location.hash = '';});
PS:400是jQuery的hide()
的默认速度!!!!!!!!!!!!!!!!!!!!!谢谢你,伙计。我的验证正在工作,因为删除了该散列!非常感谢!!!!!!!!!!!哈哈,我的荣幸,享受吧!当我测试时,window.location.hash=''代码>在Chrome中转换为#关闭
至#
。如何摆脱#
?