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