Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 是否可以通过链接按钮转到另一个页面并在其上打开模式?_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 是否可以通过链接按钮转到另一个页面并在其上打开模式?

Jquery 是否可以通过链接按钮转到另一个页面并在其上打开模式?,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我想知道是否可以将一个按钮链接到另一个页面上的模式,因此基本上,当您单击一个按钮时,另一个页面将加载到新选项卡中,目标为0,并且该页面上打开了模式?这是一个使用jQuery执行此操作的非常简单的示例: 在带有按钮的页面上,您需要一个普通链接和一个带有模态id的属性data modal=modal id page1.html: <a class="open-modal" href="page2.html" data-modal="modal-ipsum" target="_blan

我想知道是否可以将一个按钮链接到另一个页面上的模式,因此基本上,当您单击一个按钮时,另一个页面将加载到新选项卡中,目标为0,并且该页面上打开了模式?

这是一个使用jQuery执行此操作的非常简单的示例:

在带有按钮的页面上,您需要一个普通链接和一个带有模态id的属性data modal=modal id

page1.html:

    <a class="open-modal" href="page2.html" data-modal="modal-ipsum" target="_blank">
      <button>Open Modal</button>
    </a>
然后在JS文件中:

main.js:

    $(".open-modal").click(function(e){
      e.preventDefault();

      var modal = $(this).data("modal");
      var page = $(this).attr("href");

      localStorage.setItem('modal', modal);

      window.location.href = page;
    });

    if ("modal" in localStorage) {
      var modal = localStorage.getItem('modal');

      $("#" + modal).fadeIn();
    }
这样做的目的是,当您单击一个带有“打开模式”类的链接时,它会在本地存储中设置一个值为modal ipsum的键,然后转到链接页面

在第二页上,您还需要链接JS文件。文档准备好后,它会检查localStorage是否包含名为modal的项。如果是这样的话,它会在模态中以id modal ipsum淡出

代码没有经过测试


这只是一些帮助,让你开始。下次尝试一些东西,然后就您的代码寻求帮助,这样我们可以更具体地帮助您。

是的,这当然是可能的。关于href属性,您将如何执行此操作?您需要创建一种向下一页发送消息的方法,以便在下一页加载时打开模式。要做到这一点,您可以使用localStorage、sessionStorage、cookie、querystring,甚至服务器端标志,尽管这可能有些过分。如果您需要这方面的具体帮助,请将您编写的代码添加到问题中,以便我们可以帮助您调试它。请记住,SO不是来为您编写代码的。
main.js:

    $(".open-modal").click(function(e){
      e.preventDefault();

      var modal = $(this).data("modal");
      var page = $(this).attr("href");

      localStorage.setItem('modal', modal);

      window.location.href = page;
    });

    if ("modal" in localStorage) {
      var modal = localStorage.getItem('modal');

      $("#" + modal).fadeIn();
    }