jquery移動單選按鈕對齊

我面臨單選按鈕對齊問題。查看圖片以瞭解問題。如果我從本地文件系統加載css，就會發生這種情況。但是，當我打開相同的頁面使用指向一個URL的CSS它正常工作。jquery移動單選按鈕對齊

我使用的CSS是 http://view.jquerymobile.com/1.3.2/dist/demos/css/themes/default/jquery.mobile.min.css

我使用jQuery viersion是1.9.1和JQM版本1.3.2是。源代碼是

<!DOCTYPE html> 
<html class="ui-mobile"> 
<head xmlns="http://www.w3.org/1999/xhtml"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

<base href="."> 
<meta charset="UTF-8"> 
<meta name="viewport" 
    content="width=device-width, initial-scale=1, maximum-scale=1,maximum-scale=1, user-scalable=no"> 
<link rel="stylesheet" href="./css/jquery.mobile.min.css"> 

<script type="text/javascript" 
    src="./js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" 
    src="./js/jquery.mobile-1.3.2.min.js"></script> 
<title>Mobile</title> 

</head> 
<body class="ui-mobile-viewport" > 
<div data-role="header" data-theme="a" data-position="fixed"> 

</div> 
<div data-role="content"> 

    <fieldset data-role="controlgroup" data-iconpos="right" id="choiceChooser"> 
     <input type="radio" name="radio-choice-w-6" id="radio-choice-w-6a" value="Choice 1" > 
     <label for="radio-choice-w-6a">Choice 1</label> 
     <input type="radio" name="radio-choice-w-6" id="radio-choice-w-6b" value="Choice 2"> 
     <label for="radio-choice-w-6b">Choice 2</label> 
     <input type="radio" name="radio-choice-w-6" id="radio-choice-w-6c" value="Choice 3"> 
     <label for="radio-choice-w-6c">Choice 3</label> 
     <input type="radio" name="radio-choice-w-6" id="radio-choice-w-6d" value="Choice 4"> 
     <label for="radio-choice-w-6d">Choice 4</label> 
     <input type="radio" name="radio-choice-w-6" id="radio-choice-w-6e" value="Choice 5"> 
     <label for="radio-choice-w-6e">Choice 5</label> 
    </fieldset> 
</div> 

</body> 
</html>

爲同一的小提琴是

http://jsfiddle.net/karthick6891/yFdgD/

enter image description here

來源

2013-08-16 karthick

你能爲此創建一個小提琴嗎？ –

@DKM：但是當我從本地加載css時，問題就在發生。無論如何，我會在創建小提琴後更新它 – karthick

@DKM：創建小提琴。 – karthick

更換圖像本地文件與捆綁的jQuery 1.3.2圖像。

http://jquerymobile.com/resources/download/jquery.mobile-1.3.2.zip

在css文件中的圖像文件和位置定義之間存在衝突。

當您使用指向url的css時，會加載正確的圖像。

將其複製並驗證。

來源

2013-12-12 06:00:05 Shashi

jquery移動單選按鈕對齊

回答

相關問題