將jQuery Mobile datepicker添加到我們的MVC應用程序後,它工作正常,但看起來不正確(它是透明的,圖標丟失,字體錯誤等)。jQuery Mobile datepicker不添加所有類
將其與http://demos.jquerymobile.com/1.4.5/datepicker/的演示進行比較,我可以在調試器中看到我們的版本中缺少一些類。例如,演示說
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-shadow"...
我得到
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"...
在這種情況下,UI陰影缺失;對於其他元素也是如此,例如按鈕具有ui-state-default但缺少ui-btn類,prev/next按鈕缺少除'ui-datepicker-prev ui-corner-all'以外的所有內容。等等。使用「$('。datepicker')。datepicker()」在$(document).ready後面初始化datepicker。
所加載樣式和腳本(調試模式)
<link href="/somePath/jq-mobile.1.4.5.css" rel="stylesheet">
<link href="/somePath/jquery.mobile.icons.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.css">
<script src="/somePath/jquery-2.2.3.js"></script>
<script src="/somePath/jquery-migrate-1.3.0.js"></script>
<script src="/somePath/jquery.mobile-1.4.5.js"></script>
<script src="http://cdn.rawgit.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script>
<script id="mobile-datepicker" src="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script>
如前所述,功能是沒有問題的,因爲預期所有的作品,但很明顯,我失去了一些東西。有誰知道爲什麼不是所有的課程都添加了?
根據[github](https://github.com/arschmitz/jquery-mobile-datepicker-wrapper)鏈接,您必須使用'.date()'而不是'.datepicker ()''**請注意:這個小部件被稱爲date not datepicker,所以當調用方法時,您必須使用$(element).date(「method」); **「 – TheWandererr
謝謝,就是這樣!如果你作爲回答發佈,我會相應地標記它 – devlock
肯定^^我會那樣做 – TheWandererr