这个jQuery代码只能在IE中运行 - 如何使它与所有浏览器兼容？

Question

如何在所有浏览器中使用此代码？

<script>
var $j = jQuery.noConflict();

$j(document).ready(function(){
    if ($j.browser.msie) {
        $j('.round').append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
    }
});
</script>

Answer 1

除非我遗漏了某些内容，否则请取出if：

var $j = jQuery.noConflict();

$j(document).ready(function(){
  $j('.round').append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
});

既然if可能存在原因，也许某些IE特定的CSS hackery正在进行中？在这种情况下，它是一个CSS问题，而不是一个JavaScript问题。像the jQuery corners plugin这样的东西可能就是你最终追求的东西。其他/较新的浏览器本身支持圆角，这主要是IE修复。