是否有可能沒有完整框架的JQuery Mobile選擇菜單？

我正在嘗試使用JQuery Mobile選擇菜單，而不必使用完整框架並遇到問題。是否有可能沒有完整框架的JQuery Mobile選擇菜單？

我寧願不使用完整的jquery移動庫，因爲它調整我的整個頁面和所有控件，鏈接並將樣式應用到頁面標記。這會導致整個頁面的外觀和感覺被調整。我正在使用自適應網頁設計來調整頁面控件，並且在最大寬度達到680時能夠成功應用JQuery Mobile的文本框外觀，這看起來很棒，但我的選擇框在應用相同樣式時看起來很糟糕。具體來說，由於圓形邊緣，下拉箭頭在右側被切掉。如果可能的話，我會喜歡與應用於選擇菜單的文本框相同的外觀，並控制CSS文件中的所有內容，但是如果選擇菜單中有一個修剪過的.js庫，那也是一個可行的選項。

有沒有人成功地應用JQuery Mobile的外觀和感覺，只有CSS的選擇框？有沒有人使用一個狹窄的JQuery Mobile庫，它允許你只選擇菜單，而不需要整個JQuery Mobile .js庫或樣式表？

任何幫助將不勝感激！提前致謝。

我確實設法弄到了一些CSS，看起來可能是我需要的開始，但下拉是不可見的，儘管它是可點擊的，並在您選擇時顯示選項。我認爲這可能與JQM運行應用選擇下拉樣式的JavaScript有關。下面是CSS雖然，也許我只是想念一些東西。

box-sizing: border-box;-webkit-box-align: center;border: 1px solid; 
border-image: initial;white-space: pre;-webkit-rtl-ordering: logical; 
color: black;background-color: white;cursor: pointer; 
-webkit-appearance: button;left: 0;top: 0; 
width: 100%;min-height: 1.5em;min-height: 100%;height: 3em; 
max-height: 100%;opacity: 0;-ms-filter: "alpha(opacity=0)";filter: alpha(opacity=0); 
z-index: 2;cursor:pointer;-webkit-appearance:button;left:0;top:0;width:100%;min-height:1.5em;min-height:100%;height:3em;max-height:100%;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);z-index:2

來源

2012-02-15 likestoski

我設法只使用CSS（下）這方面的工作。這是在IE9，Chrome，FF和Safari上運行和測試的。我想我會在這裏發佈回覆，以防有其他人反對這個問題。對於使用自適應網頁設計並在瀏覽器達到特定閾值時調整文本字段（並選擇）以便在平板電腦或手機上查看時具有更多移動外觀的情況，此功能對我來說非常有效。

select 
{ 
    height:32px; -webkit-appearance: button; 
    -webkit-border-radius: 20px; 
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 
    -webkit-padding-end: 20px; 
    -webkit-padding-start: 2px; 
    -webkit-user-select: auto; 
    background: url(../Content/Images/selector_trans.png), 
    -webkit-linear-gradient(#E5E5E5, #E5E5E5 40%, #E2E2E2); 
    background-position: 100% 53%, center center;   
    background-repeat: no-repeat, repeat-x; 
}

來源

2012-03-02 13:57:04 likestoski

您可以複製它在JQM發揮其魔力後添加的CSS和HTML嗎？如果您將這些屬性複製到您的頁面中，那麼您將擁有所需的顯示，而不會超出您的頁面。

來源

2012-02-15 16:40:50 shanabus

我試過了，但結果我們是意外的。下拉菜單不可見，但仍可點擊。我將用我找到的CSS更新我的原始帖子。感謝您的輸入。 – likestoski 2012-02-15 17:23:49

我知道在RC1他們已經分離JQM和正在處理的下載生成器

http://jquerymobile.com/blog/2011/09/29/jquery-mobile-1-0rc1-released/

下載建設者的發行說明：在作品

現在我們已經分離了大部分的UI部件，我們已經設置了這個階段一個下載建設者。這可以讓你構建一個自定義的版本的jQuery Mobile，只包含你需要的部分。例如，對於示例，您可以使用核心文件通過pushState添加基於Ajax的導航，並利用一些輕量級構建（大約10k）的某些觸摸事件和其他公用事業。或者，您可以添加特定的UI小部件，如表單元素，列表視圖等。可創建優化構建。我們的目標是以某種形式將1.035 Final工具發佈作爲1.0 final的一部分下載構建器。我們現在正在製作一個依賴關係圖，以便所有插件支持此工具。

不知道這是否在釋放作爲尚未

來源

2012-02-15 16:42:10

這將是非常酷！如果有人知道這是否已經可用，或者我可以成爲beta測試者:)那正是我需要的！ – likestoski 2012-02-15 17:45:08

相關：http://forum.jquery.com/topic/make-jquery-mobile – 2012-02-15 17:52:25

我不知道是否有辦法看到並可能刪除頁面首次出現時運行的JavaScript。我的猜測是這些事件是修改頁面標籤的。如果我能看到影響頁面標籤和選擇的方法調用，我可能只能使用我需要的方法。這並不理想，但至少在下載管理器可用之前是這樣。 – likestoski 2012-02-16 15:38:39

是否有可能沒有完整框架的JQuery Mobile選擇菜單？

回答

相關問題