2014-10-05 78 views
0

我的網頁的結構是:引導模式與URL重寫

  • Page1.aspx
  • Page2.aspx
  • Page3.aspx

用URL重寫我有這個struture:

  • Folder1/Page1
  • Folder1/Page2
  • Page3

如果我把一個模式裏面Page3.aspx,模態完美的作品。

如果我在Page1.aspxPage2.aspx裏放置一個模態,模態不起作用。

這裏是我的代碼:

<img src="../images/RecuperoDati/Brochure1.jpg" class="img-responsive" data-toggle="modal" data-target="#Modal1"/> 

.... 

<!-- Modal 1--> 
<div class="modal fade" id="Modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title" id="myModalLabel1">rftyguhij</h4> 
     </div> 
     <div class="modal-body center"> 
     <img src="../images/RecuperoDati/Brochure1.jpg"/> 
     </div> 
     <div class="modal-footer"> 
     Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili 「Letraset」, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum. 
     </div> 
    </div> 
    </div> 
</div> 

如果我讀與瀏覽器的HTML中,idModal1。那麼,什麼是錯的?

+1

你是什麼意思的「不工作」? – 2014-10-10 03:21:53

+0

@nick_w:當我點擊模態觸發器時,模式不顯示。 – Martina 2014-10-10 08:04:59

+0

您的CSS文件是否在Url重寫的頁面中正確加載? – 2014-10-10 09:23:48

回答

0

當你只給出一些代碼時很難說,但我的猜測是你的URL重寫正在改變你需要使用的路徑bootstrap.js

E.g.在Page3中,如果您的JS路徑是./js/bootstrap.js,那麼在Page1中,它變爲Folder1/Page1,您需要改爲../js/bootstrap.js