Question

嗨我想在Asp.net MVC4中使用EasyUI GridView和Tab，我在Tab中放了两个Grid。但我有问题。我在My Layout中添加了这些Script和css：

    <link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="~/Content/1-ui.core.css" rel="stylesheet" />
<link href="~/Content/2-ui.theme.css" rel="stylesheet" />
<link href="~/Content/3-ui.datepicker.css" rel="stylesheet" />

<script src="~/Scripts/jquery-1.7.1.js"></script>

<script src="@Url.Content("~/Scripts/kendo/2013.1.319/jquery.min.js")"> </script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.319/kendo.all.min.js")"> </script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.319/kendo.aspnetmvc.min.js")"> </script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"> </script>

<script src="~/Scripts/jquery-ui-1.9.2.min.js"> </script>

<script src="~/Scripts/jquery.ui.datepicker-cc.js"> </script>
<script src="~/Scripts/calendar.js"> </script>
<script src="~/Scripts/jquery.ui.datepicker-cc-fa.js"> </script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js"> </script>

我在My Index中添加了这些：

<script src="~/Scripts/MapScript/Sld.js"></script>
<script src="~/Scripts/MapScript/proj4js-compressed.js"></script>
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAl9RMqSzhPUXAfeBCXOussRSPP9rEdPLw3W8siaiuHC3ED5y09RTJKbutSNVCYFKU-GnzKsHwbJ3SUw'></script>
<script src="~/Scripts/MapScript/ToolsMenu.js"></script>
<link href="~/Content/MapStyle/MStyle.css" rel="stylesheet" /> 
<script src="~/OpenLayers.js"></script>
<script src="~/Scripts/MapScript/LoadMap.js"></script>
<script src="~/Scripts/mootools-core-1.4-full.js"></script>
<script src="~/Scripts/mootools-more-1.4-full.js"></script>

在我的页面中我想加载EasyUI GridView我添加了这些：

 <link href="~/Scripts/easyui-1.3.6/themes/icon.css" rel="stylesheet" />
<link href="~/Scripts/easyui-1.3.6/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Scripts/easyui-1.3.6/themes/default/easyui-rtl.css" rel="stylesheet" />

但是当我加载我的页面时，首先没有加载Tab并且在其链接上重新点击它，它已加载。

我认为jqueries之间的冲突增加了????? !!!

注意：当我创建没有索引和布局的页面时，没有问题

问题是什么？

Answer 1

尝试使用$.noConflict()以避免不同js文件之间发生冲突。

见这里： - http://api.jquery.com/jquery.noconflict/

注意： - 尝试在一个地方包含所需的js和css文件。

Answer 2

在jQuery之前加载Mootools。然后，使用

document.id("id_of_element")

或在

中包含任何Mootools类

( function () {
    $ = document.id;
    this.MyClass = new Class({
    ...
    });
 })();

这将解决jQuery和MooTools之间的任何冲突，至少。

jqueries之间的冲突？

2 个答案: