Question

问题出在here上。选项卡工作得很好，但是当我点击最后一个标签时：＆＃34; Vincents Apartment＆＃34;，点击时图像不会显示。

它是一个缩略图库，之前在其他页面上有效。

它应该以这种方式工作：当你点击一个图像时，它应该显示，然后你可以点击下一步看到下一个图像。

我有这个js文件：photo-gallery.js - 我认为问题在这里，代码。

Answer 1

您应该在services.html

中添加此代码

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
    <div class="modal-content">  
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Close</button>   
        </div>    
      <div class="modal-body"></div>
    </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
 </div>

Answer 2

您错过了在services.html页面中添加一些HTML代码。这是id =＆＃34; myModal＆＃34;块代码。该代码可在gallery.html页面中找到。复制＆amp;粘贴在services.html页面中。它会起作用。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-abelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Close</button> </div> <div class="modal-body"> </div> </div> </div> </div>

Answer 3

您的点击处理程序未注册，因为该元素稍后注入，因此不是DOM的一部分。

如果你使用jquery例如。你会将你通常的img或锚点击处理程序替换为像

这样的东西

var entities = new List<string> {"Cars", "Bikes"};
foreach (var e in entities)
{
    var result = from m in e //pseudo code
    where m.Colour == "White"
    select m;
}

照片库在点击时不显示图像

3 个答案: