jQuery-UI的存在破坏了d3.js代码

Question

如果取消注释掉注释掉的行（jsFiddles：OK和broken），则以下代码会中断：

<div style="width:150px;height:50px;padding:20px;color:white;"></div>

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<!-- <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> -->
<script src="//d3js.org/d3.v3.js"></script>
<script>
(function ($) {
  "use strict";
   $('div').css('background-color', d3.rgb(192, 0, 0))
           .text('jQuery version: ' + $().jquery);
}(jQuery));
</script>

（为了清楚起见，在“破损”版本中，background-color设置为黑色，而不是指定的颜色。）

在我的书中，这是jQuery-UI中的一个错误：加载库不应该像这样破坏预先存在的代码。 （我花了很长时间来调试它！）

但是我对jQuery-UI没什么经验，也许我非常误用它。

是否有更正确的方法来导入jQuery-UI以防止出现此类问题？

顺便说一句：我知道如何解决上面示例中显示的问题（例如，将d3.rgb(192, 0, 0)替换为#c00）;那不是我的问题。