Merhaba arkadaşlar. Mvc üzerinde çalıştığım bir projede sayfamda jquery autocomplete kullanmak istedim ama sanırım sayfada import ettiğim js dosyaları çakıştığı için autocomplete çalışmıyor. Yazdığım script şu :
<script type="text/javascript">
$(document).ready(function () {
$("#tags").autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action("GetBranchesByCustomer","WidgetFeatures")',
type: "POST",
dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.name, value: item.name };
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
})
</script>
Layout sayfasında import ettiğim dosyalar da şu şekilde :
@Styles.Render("~/Content/css/reset")
@Styles.Render("~/Content/css/dark")
<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
@*@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/modernizr")*@ @*<script src="@Url.Content("~/Scripts/Highcharts- 2.2.1/js/highcharts.js")" type="text/javascript"></script>*@
@*<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>*@
<script src="@Url.Content("~/Scripts/highcharts.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/OsosDark/Widgets/WidgetDark.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/smoothness/jquery-ui-1.9.1.custom.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.tools.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MyScripts/jquery.multiselect.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/OsosDark/jquery.multiselect.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/MyScripts/jquery.watermarkinput.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/EasyUI/jquery.easyui.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/EasyUI/themes/bootstrap/easyui.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/EasyUI/themes/icon.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/i18n/jquery.ui.datepicker-tr.js"></script>
Sorunun sayfa kullandığım jquery ve jquery ui kütüphanesinin versiyonundan veya sayfadaki sırasından olduğunu düşünüyorum. Çünkü sayfada easyui, highcharts olmak üzere bir çok kütüphane ekli.