簡體   English   中英

如果javascript被禁用,jquery同位素的后備?

[英]fallback for jquery isotope if javascript is disabled?

如果JavaScript被禁用,是否有jQuery同位素的后備?

假設我在那里使用了fitColumns屬性,如果禁用了JavaScript,那么是否會回退到該布局樣式,就像你在新的myspace中所擁有的那樣。
顯示在您的myspace主頁上的初始帖子將被正確設置樣式,但是當您進一步滾動時不會加載其他帖子。
什么樣的CSS結構或回退方法可以用於這種情況?

如果JavaScript被禁用,並且如果你想保持元素定位很好,就好像jQuery Isotope正在做它的工作那么你只能依賴CSS。 這意味着你必須按照你想要的順序手動定位這些元素。

如果您對此沒問題,請按照以下步驟開始:

  1. 將類名放在Isotope元素的主包裝上,例如off 例如: <div id="isotope-container" class="isotope off">
  2. 手動開始定位元素,並將.off作為選擇器之一。 例如: .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; } .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; } .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; } .isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; } .isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
  3. 然后在你的一般jquery文件中,你寫了所有其他的東西,檢查.off類是否存在,如果存在,刪除它。 例如: if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); } if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM