safari，chrome，webkit瀏覽器中的兩個不同jQuery腳本的問題

我會先說我沒有寫這段代碼，因爲jquery其實並不是我的特長。我在webkit瀏覽器中遇到了一些腳本問題，並想知道是否有人可以幫助我。相關網站可以在http://disalle.dev.activemls.com查看。safari，chrome，webkit瀏覽器中的兩個不同jQuery腳本的問題

問題＃1相同的高度的div：
我使用下面的代碼，然後分配如下ID =「leftcol」類=「等高」，和id =「maincol」類=「equal-高度」。使用以下，腳本只出現週期性工作：

<!--JQUERY EQUAL COLUMN HEIGHT--> 
function resetHeight() { 
    var maxHeight = 0; 
    $(".equal-height").height("auto").each(function(){ 
     maxHeight = $(this).height() > maxHeight ? $(this).height() : maxHeight; 
    }).height(maxHeight); 
} 
resetHeight(); 
// reset height on resize of the window: 
$(window).resize(function() { 
    resetHeight(); 
});

問題＃2動態選擇的選項值：
下面的代碼被用來選擇哪個選項值的組被顯示在多基於在選擇框中選擇的內容來選擇框。首次加載頁面時，選擇框中的默認選項是「選擇狀態」，選項是「ohio」或「michigan」。在默認狀態下，css被設置爲在選擇框中隱藏.ohio和.michigan內容，然後在選擇時顯示。這在Firefox中完美運行，但在webkit瀏覽器中又失敗了。下面是代碼：

jQuery的

<!--JQUERY DYNAMIC SELECT BOX--> 
$('.area-select').change(function(){ 
    var selected = $(this).find(':selected'); 
    $('.area-list').hide(); 
    $('.'+selected.val()).show(); 
    $('.optionvalue').html(selected.html()); 
});

HTML

<div class="spacer"> 
         <label>Select A State</label><br /> 
          <select class="area-select"> 
           <option selected="selected" value="start">Select A State...</option> 
           <option value="ohio">Ohio</option> 
           <option value="michigan">Michigan</option> 
          </select> 
        </div> 
        <div class="spacer"> 
         <label>Select An Area</label><br /> 
          <select name="area" size="10" multiple="multiple"> 
           <option class="area-list start" value="start">Select A State First...</option> 
           <!-- TMPL_LOOP Area_descs --> 
           <option class="area-list ohio" value="<!-- TMPL_VAR area_name -->"> 
           <!-- TMPL_VAR area_name --> 
           </option> 
           <!-- /TMPL_LOOP --> 
           <!-- TMPL_LOOP Area_descs --> 
           <option class="area-list michigan" value="<!-- TMPL_VAR area_name -->"> 
           <!-- TMPL_VAR area_name --> 
           </option> 
           <!-- /TMPL_LOOP --> 
          </select> 
        </div>

CSS

.ohio, .michigan {display:none;}

感謝您的幫助提前！

來源

2013-01-18 TEN Design

你是如何加載jQuery平等列腳本？

如果您使用的是$(document).ready(function()，那麼您應該嘗試使用$(window).load(function()。

來源

2013-07-26 19:55:34

safari，chrome，webkit瀏覽器中的兩個不同jQuery腳本的問題

回答

相關問題