Обнаруживаются модальность в навигационной панели

Question

У меня есть Navbar, где я хочу, чтобы показать модальность, если я CLIC в одном item.Title

Так что теперь я показываю свою Navbar в 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] .Title is == 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>" 
    } 
    } 

    } 

Но я не хочу, чтобы показать кнопку, я хочу, чтобы показать, как мой HREF menupopulator

И тогда в виду:

<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'); 
});