jquery在提交表单后阻止框关闭

时间:2018-04-23 05:18:49

标签: javascript jquery html css

设置一个简单的框对话框后,我想在提交表单后保持框打开,但框仍然关闭。

在对jquery文档进行一点搜索后,我在事件中使用了df = pd.DataFrame({'col1' : ['a', 'd', 'a'], 'col2':['b', 'e', 'c'], 'col3' : [1,2,4], 'col4': [2,3,6]}) def createdict(x): dict2 ={} dict2[x['col2']] = (x['col3'], x['col4']) return dict2 df['dictcol'] = df.apply(createdict, axis=1) df = df.set_index('col1') df['dictcol'].to_dict() 方法。我把它添加到代码中,但是盒子保持关闭。

以下是代码:

preventDefault

它不起作用,我尝试了 stopPropagation(),但也没有用。

有人可以提示吗?

html:

$(document).ready(function(e) {
  $('#toggle').click(function(e) {
        $('#box').toggleClass('max');
        e.preventDefault();
    });
  $('#close').click(function(e) {
      /*  $('#box').remove();*/
    });
});

1 个答案:

答案 0 :(得分:0)

您需要在表单submit事件中调用document.querySelector('form').addEventListener('submit', e => e.preventDefault()); ,以防止该页面被表单提交替换。

{{1}}