JSFiddle 无法在 Windows 上的 Safari 4.0.5 中工作

Question

这是我第一次在 Safari 中尝试 JSFiddle。是否有一些愚蠢的原因导致 JSFiddle 在 Safari 4 中无法正常工作？有人确实报告说 Safari 5 运行良好。那么我在这里缺少什么？

JavaScript：

$(document).ready(function(){
    $("#productSize").change(function(){
        var me = $(this);
        var avail = me.find("option:selected").html().split("-")[1].trim();

        $("#quantity option").each(function() {
            $(this).remove();
        });

        for(var i=1; i<= avail; i++) {
            $("#quantity").append("<option>"+i+"</option>");
        }
    });
});

HTML：

<label>Sizes
    <select name="item_options[product_size]" id="productSize">
        <option value="s">small - 10</option>
        <option value="m">medium - 1</option>
        <option value="l">large - 5</option>
        <option value="xl">extra large - 10</option>
    </select>
</label>
<label>Quantity
    <select name="quantity" id="quantity">
    </select>
</label>

JSFiddle 演示问题：jsfiddle

更新： 我正在所有其他浏览器中尝试此操作，发现所有浏览器都有不同的行为。这完全符合 Firefox 的预期。没问题。 IE 似乎不喜欢我调用 trim() 的方式，因此我更改了 JSFiddle 以适应这种情况。

$(document).ready(function(){
    $("#productSize").change(function(){
        var me = $(this);
        var myText = me.find("option:selected").text().split("-")[1];
        var avail = parseInt($.trim(myText), 10);

        $("#quantity option").remove();

        for(var i=1; i<= avail; i++) {
            $("#quantity").append("<option value='"+i+"'>"+i+"</option>");
        }
    });
});

更新的 JSFiddle 这已经过测试并且可以在 IE、FF、Chrome 中运行，但我仍然一无所获， $(document).ready & .change() 甚至不会在 Safari 4 中执行。

UPDATE #2 为了进一步澄清，这个 Jquery 代码不能在 JSFiddle/safari 4.0.5 中运行。我什至没有收到警报，因此 .change() 没有运行......

$(document).ready(function(){
    $("#productSize").change(function(){
        alert("Hello World");
    });
});

Answer 1

尝试 jsFiddle JSLint 按钮 - 它显示了一些错误，我认为这些错误导致了您的显示问题。

Answer 2

试试这个

$(document).ready(function(){
    $("#productSize").change(function(){
        var me = $(this);
        var avail = parseInt(me.find("option:selected").text().split("-")[1].trim());

        $("#quantity option").remove();

        for(var i=1; i<= avail; i++) {
            $("#quantity").append("<option value='"+i+"'>"+i+"</option>");
        }
    });
});

Answer 3

在我看来，JSFiddle 和 Safari 4.0.5 有一个限制。我什至无法让最简单的选择器工作并启动一个非常简单的绑定。

这适用于我尝试过的所有浏览器（FF 多个版本、IE 7 和 8、Chrome 12.0.x 、Safari 5.1）。如果有人能解释为什么我很想听听它，否则我只会假设这是 Safari 4 或 JSFiddle 中的一个错误。不管怎样，我都会转向更新的浏览器。