Question

我的网页结构是：

Page1.aspx
Page2.aspx
Page3.aspx

使用URL重写我有这个结构：

Folder1/Page1
Folder1/Page2
Page3

如果我在Page3.aspx内放置一个模态，那么模态就可以正常工作。

如果我将模态放在Page1.aspx或Page2.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，则id为Modal1。那有什么不对？

Answer 1

很难说你何时只提供了一些代码，但我猜你的URL重写正在改变你需要用于bootstrap.js的路径。

E.g。在第3页中，如果您的JS路径是./js/bootstrap.js，那么在Page1中，它将成为Folder1 / Page1，您需要../js/bootstrap.js代替。

具有URL重写的Bootstrap模式

1 个答案: