Question

我在我的应用程序中使用两个不同的UI。一个UI支持jquery 1.7.1版本，另一个UI支持1.10版本为此我实施了像

<link href="~/Scripts/themes/default-theme/ej.widgets.all.css" rel="stylesheet" />
 <script src="~/Scripts/assets/js/ej.widgets.all.min.js"></script>
 <script src="~/Scripts/external/jquery-1.10.1.min.js"></script>
 <script type="text/javascript">
            var $jq = jQuery.noConflict();
 </script>

<script src="~/Scripts/Kendo/kendo.all.min.js"></script>
<link href="~/Scripts/Kendo/Styles/kendo.default.min.css" rel="stylesheet" />
<link href="~/Scripts/Kendo/Styles/kendo.common.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.7.1.min.js"></script>

在我定义的脚本中

<script type="text/javascript">
  $jq(document).ready(function () {
        $jq("#content").ejScroller({ height: 620 });
  });
</script>

<script type="text/javascript">
   $(document).ready(function(){
      $("#button").kendoButton();
   });
</script>

但我的滚动条没有加载。我知道问题出在哪里了吗？

Answer 1

我不确定这是否是唯一的问题，但是您需要在依赖它们的UI库脚本之前包含各自的jQuery脚本，即在jj.widgets之前的jQuery 1.10和在kendo.all之前的jQuery 1.7.1。

另请注意：Kendo UI Q3 2013 should work with jQuery 1.10，因此使用该版本可能是明智之举，因此您可以避免在同一页面上使用两个版本的jQuery。

在同一页面中使用两个不同的jquery版本

1 个答案: