javascript - .chained 下拉列表在 IE10 中不起作用

Question

除非在兼容模式下，否则以下代码在所有浏览器栏 IE10 中都可以正常工作。任何人现在如何让这个代码在正常模式下在 IE10 中工作？

<script type="text/javascript" src="/content/ebiz/superdrug/resources/js/chained.js">      
</script> 
<script type="text/javascript"   src="/content/ebiz/superdrug/resources/js/jquery.chained.remote.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {
    $("#stores").chained("#county");
    $("#county").bind(($.browser.msie ? "propertychange" : "change"), function(event) {
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#storedropdown").fadeIn();
        } else {
            $("#storedropdown").hide();
            $("#fsbuttons").hide();
        }
    });
    $("#stores").bind(($.browser.msie ? "propertychange" : "change"), function(event) {
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#fsbuttons").fadeIn();
        } else {
            $("#fsbuttons").hide();
        }
    });
});

</script>

谢谢

Answer 1

您可以尝试以下方法：

$(document).ready(function() {
    $("#stores").chained("#county");
    $("#county").on("change", function(event) {
        event = event || window.event;
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#storedropdown").fadeIn();
        } else {
            $("#storedropdown").hide();
            $("#fsbuttons").hide();
        }
    });
    $("#stores").on("change", function(event) {
        event = event || window.event;
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#fsbuttons").fadeIn();
        } else {
            $("#fsbuttons").hide();
        }
    });
});