jqueryMobile中select樣式自定義

2021-06-21 20:42:16 字數 596 閱讀 3086

jquery mobile對於前段開發帶來了便利,但同時,對於剛剛接觸的新手來說,問題就來了。

比如本人最近在為公司開發手機頁面的時候,明明很好用的東西拿過來用,但是在某種場景之下,就顯得有點笨拙。

因為jquery mobile定義了一些寫死的東西,這時候要用html5的時候,如果直接拿過來用,卻取消不了jm的樣式。即便是寫在標籤內部樣式也於事無補。

試過各種辦法之後,後來也只有一種辦法可取,那就是禁用jm的一些樣式就可以了。

這裡舉例的是如何禁用jm中select 的樣式:

要去掉引入的jquerymobile給下拉框元件的樣式,有兩種辦法。

第一種:全域性的去掉所有的下拉框樣式:

在jquery載入之前和jquerymobile之後加入js:

第二種方法:給制定的元件去掉樣式

在select下拉中加入date-role="none"屬性

這兩種方式都有效。

jQuery Mobile 使用中的問題

1.點選data role page 內的頁面,會自動隱藏頭部欄和尾部欄。在data role header 或data role footer 中新增data tap toggle false 2.使用data position fixed 固定尾部欄後,在不同頁面進行切換,會出現尾部欄移位的閃屏...

Jquery Mobile 開發小計

開啟你最喜歡的文字編輯器,把下面的頁面模板 貼上進去,儲存然後用瀏覽器開啟。你現在也是移動開發者了!在head裡,viewport的meta標籤將螢幕的寬度設定為了與裝置的寬度相同,並且從cdn引入了jquery,jquery mobile 和jquer。y mobile的主題樣式表。jquery ...

jQuery Mobile 基礎事件

1.頁面初始化事件 pageinit 2.touch事件 使用者觸控螢幕時觸發 tap 使用者敲擊某個元素時觸發 p on tap function taphold 使用者敲擊某個元素並保持一秒時觸發 即按住不動 p on taphold function swipe 使用者在某個元素上水平滑動超過...