Bonjour,

Je cherche a aligner deux éléments (un <input> et une icone-bouton <a>). J'ai essayé avec data-inline ou avec un FieldContain mais je conserve comme affichage l'input qui prend toute la ligne et le bouton a la ligne suivante. De plus, je ne réussis pas a capter l’événement de click sur le bouton (avec un alert('Test'))

C'est sans doute un problème assez simple mais je sèche un peu la. Est ce que quelqu'un aurais une idée ? J'utilise JQueryMobile 1.4.2

Ex1.html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
		<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
		<script src="Ex1.js"></script>
		<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
	</head>
	<body>
		<div data-role="page" id="PageItem">
			<div data-role="content">
				<div data-role="fieldcontain">
					<input type="text" name="newItem" id="newItem" value="" />
					<a href="#" id="addItem" data-role="button" data-icon="plus" data-iconpos="notext">Add new item</a>
				</div>
				<input type="text" name="newItem2" id="newItem2" value="" data-inline="true" />
				<a href="#" id="addItem2" data-role="button" data-icon="plus" data-iconpos="notext" data-inline="true">Add new item</a>
			</div>
		</div>
	</body>
</html>

Ex1.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
$('document').ready(new function() {
	$('#addItem').click(function(){
		alert('Test');
	});
});
Merci d'avance pour votre aide