2016-06-16 3 views
1

でモーダルを表示します私が欲しいのは、item [item] .Title is == SignInモーダルを表示する代わりに別のリンクを開く...私はそれを行うことができますか?私は私のmenupopulatorよう、私はだから今、私はJSでmenupopulatorこれらのように私のナビゲーションバーを表示し、私は私が1 item.Title</p> <p>にCLIC場合、モーダルを表示するナビゲーションバーを持っているナビゲーションバー

をHREFを示したいと思います。そしてビューで、

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>" 
    } 
    } 

    } 

しかし、私はボタンを表示したいドント:

は、私はこれらのようなものを試してみてください

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

答えて

3

私はあなたがこのライン変更も必要と理解したよう:このいずれかに

"<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"> 
+0

私はこれらの 'メニュー+ = "

  • "ですが、私の構文は間違っています – Gerry

    +0

    データターゲットによって呼び出されるブートストラップモーダルはコード内にあります: 'data-target ="#mymodal "'、hrefを持つ必要はありません。 -link'クラスはリンクのように見えます。 –

    +0

    私の更新情報を参照できますか? – Gerry

    0

    いいえ、リンクを取得するだけでよい場合は、リンクをクリックして別のページを参照し、すぐにモデルを開きます。あなたは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> 
    

    あなたはこのようなあなたのモーダルを表示する必要がリンクをクリックしての取り扱いIn js

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

    他のページにリダイレクトする必要はありません。これは別のページにリダイレクトされますが、別のページにリダイレクトされますが、そのボタンを押して、別のビューにリダイレクトする代わりにモーダルを開くだけですが、signInを変更する方法はわかりませんこのオプションのみのモーダルへのリンク – Gerry

    +0

    私はこれらの[スニペット](http://www.bootply.com/98624)のように何かしたいですが、私の外見 "サインアップ"オプションの場合 – Gerry

    +0

    モデルを開くだけなら

    関連する問題

     関連する問題