除了IE7瀏覽器的每個顯示修正IE7中使用jQuery

我的代碼顯示正確，我不知道爲什麼。我已經經歷了很多有關IE7問題的線索，但無濟於事。有六個相似的li標籤元素。他們應該連續三次出現。下面是HTML的一部分：除了IE7瀏覽器的每個顯示修正IE7中使用jQuery

<div id="winning-designs" class="product-section"> 
    <h2 class="section-heading">Winning logo designs</h2> 
    <ul class="winning-designs-list"> 
<li class="winning-design"> 

    <!-- thumb --> 
    <a href="#" class="lightbox-trigger" title="View case study" data-lightbox-target="winning-design1-lightbox"> 
     <img src="/static/images/category-product-pages/logo-design/example1-thumb.png" width="268" height="160" /> 
     <p class="larger-link">View case study</p> 
    </a> 

    <!-- lightbox --> 
    <div id="winning-design1-lightbox" class="lightbox winning-design-lightbox"> 
     <div class="lightbox-content"> 

      <div class="winning-design-info"> 
       <h3>Carplanet.com.au</h3> 
       <p>Carplanet.com.au is an Australian based website that reviews new cars. They didn't have a predefined brand or color scheme in mind, so allowed designers to have complete artistic freedom for this logo.</p> 
       <ul> 
        <li class="contest-stat">Paid <span class="symbol">$</span><span class="amount">709</span></li> 
        <li class="contest-stat">Received <a href="/logo-design/contests/car-review-company-requires-logo-36577" title="View contest">202 designs</a></li> 
       </ul> 
      </div> 

      <div class="winning-design-feature"> 
       <div class="enlarged-image-wrapper"> 
        <a href="/logo-design/contests/car-review-company-requires-logo-36577"> 
         <img data-src="/static/images/category-product-pages/logo-design/example1-large.png" /> 
        </a> 
       </div> 
      </div> 

     </div> 
    </div> 

</li>

，這是我的jQuery：

m360_empty($("#intro-examples")); 
m360_empty($(".join-msg")); 
$(".lightbox-trigger img").width(90); 
$(".lightbox-trigger img").height(54); 
var wd_html = "<div id='winning-designs' class='product-section'>" + $('#winning- designs').html() + "</div>"; 
m360_empty('#winning-designs'); 
$("#intro-examples").html(wd_html); 

var ie7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false; 
if (ie7) { 
    wd_html = "<div id='winning-designs' class='product-section'>" + $('#winning- designs').html() + "</div>"; 
    wd_html_ie = "<table border='0' width='440'><tr border='0'><td border='0'>" + wd_html + "</td></tr></table>"; 
    $("#intro-examples").html(wd_html_ie); 
} 

$("#winning-designs").width(440); 
$("#intro-msg").width(450); 

$("#lightbox").css("align", "center"); 

(function($) { 

$('.lightbox-trigger').click(function() { 
target = $(this).attr('data-lightbox-target'); 
$('#' + target).lightbox_me({ 
    centered: true 
    }); 
return false; 
}); 

})(jQuery);

來源

2011-12-16 user1090588

您需要縮小這種下降到僅相關的代碼。就像這樣，JavaScript包含未定義的函數調用，並且存在比您需要更多的標記。另外，考慮創建一個jsFiddle。 – Jacob 2011-12-16 00:44:45

我個人做，只有當瀏覽器IE7是運行的ie7.css樣式表，並覆蓋所有元素不看的權利，但增加的normalize.css（http://necolas.github.com/normalize.css/）版本1預先重新填充，保證金等。另外，也要看看使用clearfix（http://www.webtoolkit.info/css-clearfix.html），而不是明確的：既

來源

2013-01-19 00:41:14

除了IE7瀏覽器的每個顯示修正IE7中使用jQuery

回答

相關問題