ASP.NET MVC 视图中的 Ghost 自定义 Bootstrap HTML 元素答案

【问题标题】：Ghost custom Bootstrap HTML elements in ASP.NET MVC ViewASP.NET MVC 视图中的 Ghost 自定义 Bootstrap HTML 元素
【发布时间】：2015-10-02 21:39:57
【问题描述】：

在我的 ASP.NET MVC 网站的页脚中，我返回了一个包含我最新作品的“照片提要”的局部视图。该视图使用样式化的<ul> 和<li> 标签来组织图像。样式来自ReStart Bootstrap theme。下面是视图的演示内容：

这是生成上述内容的部分视图中包含的标记：

<div class="footer_teaser col-sm-4 col-md-4" id="latest-flickr-images">
<h3 style="color:#ffffff">Recent photography</h3>
<ul>

</ul>
<p>All photos © by <a href="https://www.snobbyphotographer.net" style="color:#ffffff"><strong>Kanapolis</strong></a>.</p>

注意到什么有趣的事情了吗？正确，我已经从标记中删除了<li>tags 和内容链接，但演示内容仍然在调试中。删除 <ul> 标签可以摆脱它们。在 Restart 的根 style.css 文件和预编译的 style.less 中，我可以看到选择器名为 #latest-flickr-images ul。但是，我在我的项目目录中找不到任何针对此特定 <ul> 元素的脚本文件。我对 CSS 或 LESS 之类的预处理器以及它们如何与 jQuery 交互并不十分熟悉。我在这里错过了什么？

【问题讨论】：

我想不是 CSS 创建这些元素（只是因为 CSS 不能这样做），而是一些脚本。所以它与 CSS 几乎没有关系，因此更少。了解您正在使用的模板中使用了哪些脚本。

标签： css asp.net-mvc twitter-bootstrap less

【解决方案1】：

通过在主题的主脚本模板文件中找到指向 <ul> 的 jQuery 脚本并将其注释掉，从而消除了不良行为：

    ////Flickr feed snippet by css-tricks.com              
//    jQuery.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=37321137@N03&format=json&jsoncallback=?", function(data) {
//               var target = "#latest-flickr-images ul"; // Where is it going?
//               for (i = 0; i <= 9; i = i + 1) { // Loop through the 10 most recent, [0-9]
//                       var pic = data.items[i];
//                       var liNumber = i + 1; // Add class to each LI (1-12)
//                       jQuery(target).append("<li class='flickr-image no-" + liNumber + "'><a rel='prettyPhoto' title='" + pic.title + "' href='" + pic.link + "'><img src='" + pic.media.m + "' /></a></li>");
//               }
//    });

【讨论】：