javascript - jQuery 选择在 IE7 中不起作用

Question

我有一个 jQuery 选择，它适用于大多数浏览器(除了 IE)。代码如下；

<script type="text/javascript">
        function parseCatSelect()
        {
            $('#d_cat select:empty').parent().html('<p><span class="placeholder">No categories available</span></p>');
            $('#d_cat select').attr('name', 'e');
        }

        function loadCategories()
        {
            $('#d_cat').html('<p><span class="placeholder">Please wait&hellip;</span></p>').load('/brand_categories.asp', {label: $('#d_brand select option:selected').val()}, parseCatSelect);
        }

    $('#d_brand').load(
        '/brands.asp',
        function() {
            $('#d_brand select').attr('name', 'd').live('change', loadCategories).trigger('change');
        }
    );

</script>

有人可以帮忙解决这个问题吗？您可以在 www.wearecapital.com 上实时观看此内容(在 FireFox 中)

谢谢。

Answer 1

我会改变这个:

.live('change', loadCategories)

对此:

.change(loadCategories)

无论如何，您都会在ajax加载后重新绑定(bind)，因此.live()在这里并没有给您带来太多...而且我在极端情况下遇到了很多问题，更改 在 IE 中仍然不能完全正确地冒泡。

默认情况下它根本不冒泡，jQuery 在这里做了一些魔法来使事件冒泡，但它还不完美。另请注意，直到 1.4+ 之前，它在 IE 中根本(甚至通过 jQuery)才出现，您在 1.3.2 上查看在页面上，因此 .live() 根本无法与 IE 中的 change 一起使用。