Question

我正在使用jQuery插件Remodal为我的网站创建一个模态。我正在关注他们网站上的文档但是我遇到了打开和关闭模式的问题。如果我打开模态然后刷新我的浏览器下次页面加载模态仍将打开。我使用var inst = $('[data-remodal-id=modal]').remodal();创建了一个模态实例并执行了console.log(inst.getState());并且模式被卡在＆＃34;开放＆＃34;州。我也尝试运行inst.close();函数，但这也不起作用。

这是我的代码：

$(document).ready(function() {
  var inst = $('[data-remodal-id=modal]').remodal();
  console.log(inst.getState()); //if I refresh with the modal open this will print "opening".
  //I want the modal to be closed every time the page is refreshed
  $('#div').click(function() {
     inst.open();
  });
  $(document).on('opening', '.remodal', function () {
    //when the modal opens open another jQuery plugin
    $("#gallery").unitegallery();
  });
});

在我的html体内，我有以下代码：

<div data-remodal-id="modal"></div>

Answer 1

我遇到了同样的问题，并通过将hashTracking选项设置为false来解决此问题。

这可以直接在HTML中完成，方法是设置data-remodal-option="hashTracking: false"，或者在从代码构造Remodal时使用options参数指定它。另请参阅the Remodal docs on options。

在页面刷新时重置jQuery插件Remodal的状态

1 个答案: