2013-07-30 118 views
-1

如何在twitter引導模式中打開特定頁面?在twitter引導模式中打開特定頁面

我有這個頁面

NewUser.aspx

至極包含股利和繼承母版導航菜單。

我想打開包含模式中的文本框和按鈕的div。

我已經試過這

<a data-target="#" class="quick-btn" data-toggle="modal" href="/SystemSettings/NewUser.aspx" ></a> 

JS

$(document).ready(function() { 
     $('[data-toggle="modal"]').click(function(e) { 
      e.preventDefault(); 
      var url = $(this).attr('href'); 
      if (url.indexOf('#') == 0) { 
       $(url).modal('open'); 
      } else { 
       $.get(url, function(data) { 
        $('<div class="modal hide fade">' + data + '</div>').modal(); 
       }).success(function() { $('input:text:visible:first').focus(); }); 
      } 
     }); 
    }); 
+0

@ahmadtolpa - 編輯您的問題,包括這個代碼,而不是在評論中張貼的,然後刪除您的意見一旦問題得到更新。 –

回答

1

試試這個:

標記:

創建一個佔位符DIV內顯示模式內容,如這個:

<a data-target="#myModal" class="quick-btn" data-toggle="modal" href="/SystemSettings/NewUser.aspx">Click Me</a> 
<div class="modal hide fade" id="myModal"> 
</div> 

的JavaScript:

.aspx頁面的內容添加到iframe,像這樣:

$(document).ready(function() { 
    $('[data-toggle="modal"]').click(function(e) { 
     e.preventDefault(); 
     var url = $(this).attr('href'); 
     $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="no" allowtransparency="true" src="'+url+'"></iframe>') 
    }); 
}); 
+0

該div是一個好方法,它的頁面變暗就會打開一些東西。 但是,我應該把我的網頁網址insdie iframe? –

+0

@ahmadtolpa - 頁面'URL'從錨標籤的'href'中拉出。 –

+0

非常感謝Karl的幫助,但它沒有奏效。 它只是昏暗的頁面,什麼都沒有發生 –