выбор даты в двух разных браузерах

Я работаю над asp.net mvc в том, что я использую частичные виды. у меня есть один пробой, т. е. сборщик событий работает правильно на IE, но он не работает на Mozilla Firefox. я использовал это:выбор даты в двух разных браузерах

<link href="<%=ResolveClientUrl("~/Scripts/Themes/ui-lightness/jquery-ui-1.7.2.custom.css")%>" rel="stylesheet" type="text/css" /> 
<script src="../Scripts/jquery-1.3.2.js" type="text/javascript"></script> 

<script src="../Scripts/ui.core.js" type="text/javascript"></script> 

<script src="../Scripts/ui.datepicker.js" type="text/javascript"></script>

и функция на странице просмотра является:

  <script type="text/javascript"> 

         $(document).ready(function() { 
          $("#txtTransationDate").datepicker(); 
         }); 
         </script> 

         <input id="txtTransationDate" name="txtTransationDate" type="text" />

пожалуйста советы мне за это. Заранее спасибо.

источник

2010-06-10 Renu123

Не могли бы вы подробнее остановиться на проблеме? Получаете ли вы ошибку в Firefox? Это проблема отображения? Расскажи нам больше!!! –

no error console is clear – Renu123

У вас есть место для размещения где-нибудь для нас? –

Приведенный ниже код работает каждый раз в каждом браузере.

<html> 
<head> 
<title>test</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/ui-lightness/jquery-ui.css" type="text/css" 

rel="stylesheet"> 
<style> 
input { width:300px; } 
</style> 
</head> 
<body> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#txtTransationDate").datepicker(); 
    }); 
</script> 
<h2>Date Picker Test</h2> 
<input id="txtTransationDate" name="txtTransationDate" type="text" value="Click here to show the date picker!" /> 
</body> 
</html>

Так что давайте рассмотрим различия между вашим кодом и этим.

Во-первых, я использую Google CDN для моих JS и CSS файлов это обеспечение меня в контексте теста , что мои файлы прогнозов загружены. Это также облегчает тест;)
Я также использую JQuery 1.4.2 (последняя версия ) и 1.8.2 последняя JQuery UI версия.
Вопрос в какой версии jQuery вы используете? и являются ли jQuery UI и jQuery версии совместимы для каждого браузера?
Ваш CSS версии 1.7.x это, как правило предположить, что версия JQuery UI вы подхватили и может быть новее, чем версии JQuery.
Я использую тот же JavaScript и ту же входную метку (с добавлением атрибутов для целей настоящего теста).
Похоже, что проблема не находится в js и html , которые вы указали здесь.
Я также показываю вам весь мой контекст . Firefox придирчив, IE также , но не на том же материале. Так будет возможно, что другие js или искаженные теги вмешиваются в FF?

Попробуйте выполнить мой тест на статической странице htm. Если это сработает, первое, что я попробую, это изменить скрипты в голове для тех, которые я использую.

С другой стороны, если вы не хотите или не можете использовать CDN Google в своем конечном приложении. Я предлагаю использовать эти вспомогательные методы для включения файлов css и js. Потому что трудно предвидеть все возможные уровни url (/), которые могут иметь приложение MVC.

/// <summary> 
/// Include a javascript file. 
/// </summary> 
/// <param name="path"></param> 
/// <param name="url"></param> 
/// <returns></returns> 
public static string IncludeJavascript(this UrlHelper url, string path) 
{ 
    return "<script src=\"" + url.Content(path) + "\" type=\"text/javascript\"></script>"; 
} 

/// <summary> 
/// Include a css file. 
/// </summary> 
/// <param name="path"></param> 
/// <param name="url"></param> 
/// <returns></returns> 
public static string IncludeStylesheet(this UrlHelper url, string path) 
{ 
    return "<link href=" + url.Content(path) + " rel=\"stylesheet\" type=\"text/css\" />"; 
}

Использование:

<%= Url.IncludeJavascript("~/Scripts/jquery.js") %> 
<%= Url.IncludeStylesheet("~/Scripts/Themes/jquery.css") %>

источник

2010-06-18 13:00:30 Four

выбор даты в двух разных браузерах

ответ

Смежные вопросы