Alignement des boutons radio Jquery

Je suis confronté à un problème d'alignement du bouton radio. Voir l'image pour le problème. Cela se produit si je charge le CSS à partir du système de fichiers local. Mais quand j'ouvre la même page en utilisant un CSS pointant vers une url, il fonctionne correctement.Alignement des boutons radio Jquery

Le css J'utilise est http://view.jquerymobile.com/1.3.2/dist/demos/css/themes/default/jquery.mobile.min.css

Le viersion jquery J'utilise est 1.9.1 et la version 1.3.2 est JQM. Le code source est

<!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>

Le violon pour le même est

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

enter image description here

Source

2013-08-16 karthick

Pouvez-vous créer un violon pour le même? –

@DKM: Mais le problème se produit lorsque je charge le CSS de local. Quoi qu'il en soit, je vais le mettre à jour après avoir créé un violon – karthick

@DKM: Créé le violon. – karthick

remplacer les images dans un fichier dans local avec les images qui est livré avec jquery 1.3.2.

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

Il existe un conflit entre les fichiers image et la position définie dans le fichier css. Lorsque vous utilisez un CSS pointant vers une adresse URL, les images correctes sont chargées.

Copiez-le et validez.

Source

2013-12-12 06:00:05 Shashi

Alignement des boutons radio Jquery

Répondre

Questions connexes