Question

我将首先说我没有写这段代码，因为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;}

提前感谢您的帮助！

Answer 1

如何加载jQuery等列脚本？

如果您使用的是$(document).ready(function()，那么您应该尝试使用$(window).load(function()。

safari，chrome，webkit浏览器中2个不同jquery脚本的问题

1 个答案: