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 动态选择的选项值：
以下代码用于根据选择框中选择的内容来选择在多选框中显示哪组选项值。首次加载页面时，选择框中的默认选项是“选择一个州”，选项是“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;}

提前感谢您的帮助！

4

1 回答 1

0

你是如何加载 jQuery 等列脚本的？

如果你正在使用，$(document).ready(function()那么你应该尝试$(window).load(function()。

于 2013-07-26T19:55:34.863 回答