2014-10-05 56 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