0

jquery は私の得意分野ではないので、このコードは私が書いたものではありません。Webkit ブラウザーのいくつかのスクリプトで問題が発生しており、誰か助けてくれるかどうか疑問に思っています。問題のサイトはhttp://disalle.dev.activemls.comで見ることができます。

問題 #1 等しい高さの div:
次のコードを使用して、次のように id="leftcol" class="equal-height" と id="maincol" class="equal-height" を割り当てています。以下を使用すると、スクリプトは定期的にのみ機能しているように見えます。

<!--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 動的に選択されたオプション値:
次のコードは、選択ボックスでの選択内容に基づいて、複数選択ボックスに表示されるオプション値のグループを選択するために使用されます。ページが最初にロードされたとき、選択ボックスのデフォルトのオプションは「州を選択する」で、オプションは「オハイオ」または「ミシガン」です。デフォルトの状態では、css は選択ボックス内の .ohio および .michigan コンテンツを非表示にするように設定されており、選択すると表示されます。これは Firefox では完全に機能しますが、Webkit ブラウザーでは失敗します。コードは次のとおりです。

Jクエリ

<!--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;}

事前にご協力いただきありがとうございます。

4

1 に答える 1

0

jQueryの等列スクリプトをどのようにロードしていますか?

使用している場合は、代わりに$(document).ready(function()試してください。$(window).load(function()

于 2013-07-26T19:55:34.863 に答える