Question

如果我在一个项目中clic，我有导航栏我想要显示模态。标题

所以现在我在js menupopulator中显示我的导航栏，如下所示：

 function completeMenu(data, target) {
var prefix = "<ul class='nav navbar-nav navbar-right'>";
var sufix = "</ul>";
var items = data.d.results;
var menu = "";
for (var item in items) {
    if(items[item].Funcion != null && items[item].Funcion != ""){
        menu += "<li><a href=" + items[item].Enlace + " id='"+items[item].Funcion+"'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
    }
    else
        menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";

所以我想要的是item [item] .Title = = SignIn show modal而不是打开另一个链接......我可以这样做吗？

我尝试这样的事情：

for (var item in items) {
    if(items[item].Funcion != null && items[item].Funcion != ""){
        menu += "<li><a href=" + items[item].Enlace + " id='"+items[item].Funcion+"'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
    }
    else
        menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";

    if(items[item].Title == "SignIn"){
     menu += "<li><a href="#mymodal" data-toggle="modal" data-target="#mymodal"></a></li>"
    }
   }

    }

但我不想显示按钮，我想显示像我的menupopulator

的href

然后在视图中：

<div id="mymodal" class="fade modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">
            <asp:Label runat="server" ID="lblHeader"></asp:Label></h4>
    </div>
    <div class="modal-body">
    <p>Test modal</p>
    </div>

</div>
</div>

----------------------------更新------------------ -----------

有我的改变但是当我改变它时，我只得到一个标签说“真”

 function completeMenu(data, target) {
var prefix = "<ul class='nav navbar-nav navbar-right'>";
var sufix = "</ul>";
var items = data.d.results;
var menu = "";
for (item in items) {
    menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
    if(items[item].Title == "SignUp"){
menu += "<button type= button class=btn btn-link data-toggle= modal  data-target=#mymodal">""
}
}

$(target).html(prefix + menu + sufix);
}

Answer 1

据我了解，您还需要更改此行：

"<button type= button class=btn btn-default data-toggle= modal  data-target=#mymodal">

对此：

"<button type= button class=btn btn-link data-toggle= modal  data-target=#mymodal">

Answer 2

好的，如果您只需要获取链接，请单击它，您将引用另一个页面并立即打开模型。您可以使用js来使用它。处理点击您需要的链接，以显示您的模态：

<button type="button" class:"btn-link js-signin-link" data-toggle="modal" data-target"#mymodal">

在你的js代码中：

$('.js-signin-link').on('click', function(){
     window.location.href = 'SomePageWhereYouNeedToGO.html';
});

或者你可以从另一方面得到它：

<a href="#SomePageWhereYouNeedToGO.html" class="js-signin-link"></a>

在js

$('.js-signin-link').on('click', function(){
    $('#mymodal').modal('show');
});

在导航栏中显示模态

2 个答案: