Question

我有一个这样的菜单：

n=9;
e = ones(n,1)*(-2.5);
f = ones(n,1)*(4.2);
g = ones(n,1)*(-1.5);
r = [200;0;0;0;0;0;0;0;0;15];
x = 1:1:n;
plot(x,Tridiag(e,f,g,r,n))

当我打开那个模态时，它看起来像这样：

<li><a href="" data-toggle="modal" data-target=".bs-example-modal-lg">Dashboard</a></li>
<li><a href="" data-toggle="modal" data-target=".bs-example-modal-lg">Tools</a></li>
<li><a href="" data-toggle="modal" data-target=".bs-example-modal-lg">Billing</a></li>

如果用户点击＆＃34;工具＆＃34;我该怎么做呢？链接，它将自动替换或附加模式

中的href中的/ tools

因此，例如，如果他们从菜单中选择了信息中心，我希望链接为href =＆＃34; / listing / {{$ listing-＆gt; slug}} / dashboard＆＃34;在模态a href

Answer 1

它必须在JS中全部完成。为每个锚标记添加data-url，并为每个锚标记添加一个公共类：

<li><a href="" data-url="/dashboard" class="link-to-modal" data-toggle="modal" data-target=".bs-example-modal-lg">Dashboard</a></li>
<li><a href="" data-url="/tools" class="link-to-modal" data-toggle="modal" data-target=".bs-example-modal-lg">Tools</a></li>
<li><a href="" data-url="/billing" class="link-to-modal" data-toggle="modal" data-target=".bs-example-modal-lg">Billing</a></li>

此外，您需要在模态中的锚标记中添加一个公共类，并设置网址的开头：

<div class="col-md-12 no-padding-xs">
     @foreach( Auth::user()->listings as $listing )
          <a href="/listing/{{ $listing->slug }}" class="url-on-modal" >
              <h1>{{ $listing->name }}</h1>
          </a>  
     @endforeach
</div>

在你的js文件上，使用jquery你需要听一下onclick事件：

$("a.link-to-modal").on('click', function(e){ // cliking on the menu
    e.preventDefault();
    var _this = $(this);
    var _url  = _this.data('url'); // getting the url from the anchor tag either /dashboard /tools /billing

    $('a.url-on-modal').each(function(i, obj) {
        var original_url = $(this).attr("href"); // getting url
        var new_url      = original_url+_url;    // concatenating both url /listing/slug/dashboard

        $(this).attr("href", new_url); // updating href
    });
});

从菜单中选择链接时，转到引导模式中的正确链接

1 个答案: