MVC配置使用莫代尔引导

Question

我在标题中使用引导模式 - 整个站点的布局页面

例如， bootstap的原代码

 <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
      Launch Login demo modal 
     </button> 

     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
      <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-body"> 
         Login information 
        </div> 
       </div> 
      </div> 
     </div> 

上述代码确实有效。

我修改了按钮的代码。当用户点击代码工作的链接，但现在的用户访问的URL链接，链接

<a href="#myModal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch login demo modal 2</a> 

，并可能在新窗口中打开/新标签

当用户右键单击链接并选择“在新选项卡中打开”时，它会失败，因为此页面无法打开。

http://example.com/account/login#myModal 
    http://example.com/blog#myModal 

的问题：如果用户在新标签中打开是否有可能链接，重定向到 http://example.com/account/login页

一个活生生的例子fiverr.com（点击加入一个模式打开），也可以直接访问链接fiverr.com/join我正在使用MVC，也许使用路线配置？

Answer 1

你的猫用JavaScript来做。只需手动获取URL的哈希值之后的部分，并检查它是否是你期待什么，然后打开模态：

if(window.location.hash) { 
    var hash = window.location.hash.substring(1); 
    if (hash == "myModel"){ 
     $('#myModal').modal('show'); 
    } 
} 

确保，页面加载后正在执行的代码。