Javascript 带有URL的导航链接，但改为打开模式链接

我正在尝试创建一个类似于的导航 airbnb.com

我一直想知道的是，如何对导航面板上的登录按钮进行编码

其中显示指向的url airbnb.com/login

但是，会弹出一个模式登录表单

但是，如果右键单击登录链接并选择在新选项卡中打开， 将弹出一个带有登录表单的页面（非模态）

谢谢

• 初学者在编码

这或至少如果你在stackoverflow上搜索，你会得到一些很好的解决方案

您没有提供额外的细节，例如，您是否使用angular或ember.js之类的前端框架，或者只是简单的HTML/js组合，因为其中一些框架倾向于强加一些额外的约定

否则，如果是使用Bootstrap3框架规划HTML和JS，请遵循以下两个基本步骤。

创建id为的链接

<a class="" href="/log/viewslim?id=72" title="View" data-target="#myModal" data-toggle="modal">View 72</a>

---

注意：你需要花点时间来理解它是如何协同工作的。

嗯，目前我只使用传统的常规javascript和html无库等。

// this is just an example, remember to adapt the selectors to your code!
$('.modal-link').click(function(e) {
var modal = $('#modal'), modalBody = $('#modal .modal-body');

modal
    .on('show.bs.modal', function () {
        modalBody.load(e.currentTarget.href)
    })
    .modal();
    e.preventDefault();
});