如何從jQuery Mobile中的Ajax加載圖標中刪除邊框

是否有方法從默認的jquery移動加載圖標中刪除邊框？如何從jQuery Mobile中的Ajax加載圖標中刪除邊框

我想在任何頁面創建之前調用ajax-loading.gif圖標。

$(document).on('pagebeforecreate', '[data-role="page"]', function() { 
    $.mobile.loading('show'); 
}); 

$(document).on('pagebeforeshow', '[data-role="page"]', function() { 
    $.mobile.loading('hide'); 
});

我的.css文件做出的唯一改變是：

.ui-page, body { 
     background: transparent !important; 
}

感謝

來源

2016-11-28 fmp196

默認情況下它不應該有邊框... – epascarello

這裏是一個codepen：http://codepen.io/ezanker/pen/yVzVeq，如你所見，默認情況下沒有邊框。你是否在使用可能覆蓋.ui-loader類的第三方主題或CSS？ – ezanker

你可以請檢查是否有一個ID或者不與嘗試通過CSS將邊框設置爲0。但我的猜測是，邊框帶有圖標，因此您必須用無邊框圖標替換圖標。

來源

2016-11-28 14:07:17 SchAlubs

請創建一個最小化，完整且可驗證的問題示例。我們就可以看到，如果你正在處理

一個border
一個outline
一個box-shadow
一個精靈/圖像本身內部邊框，在這種情況下，你將需要以某種方式裁剪它

沒有任何代碼，我們只能猜測，而在編程中，這是最糟糕的事情。

如果我的要求是不明確的，你應該修改你的問題，使用片斷工具（<>按鈕），添加足夠的HTML，CSS和/或JavaScript代碼重現您所描述的問題，但不超過它是絕對必要的（我們不想看到所有的項目）。

更新：嘗試風格其它部件

.ui-loader.ui-corner-all { 
    box-shadow: none; 
    border: none; 
    outline: none; 
}

您可能使用以下類之一作爲一個單一的選擇：基於exanker的codepen的標記，這應該解決您的問題在您的應用程序中：ui-loader,ui-corner-all,ui-body-a或ui-loader-default。如果您沒有在您的帳戶中使用!important，則使用它們中的任意兩種組合應該覆蓋您的太一般規則。長遠來看，因爲你的問題還沒有得到證實，但應該有效。

來源

2016-11-28 14:10:28

我沒有發佈任何代碼，因爲它是一個普通的HTML5/Javascript項目。我只是將jQuery和jQuery移動庫導入index.html頁面。我做的唯一更改是在CSS文件中：.ui-page，body {background：transparent; } – fmp196

我有必要的知識來幫助您獲得理想的結果。但是，我不願意安裝任何**，甚至連我的機器上都沒有jQuery UI。我甚至不願意瀏覽已經擁有它的項目。如果你不能或不想在這裏（或任何片段工具/網站）重現它，我不會幫你。也許你會發現別人願意在他們的機器上安裝東西來回答你的問題。最好的祝福。 –

您想要評論隱藏加載器的代碼片段（即使頁面加載完成後它仍保留在屏幕上，以便檢查它）。如果你無法弄清楚它有什麼問題，你想在這裏複製標記，以及任何適用於它的CSS（通過鏈接片段中的任何相關資源）。 –

如何從jQuery Mobile中的Ajax加載圖標中刪除邊框

回答

相關問題