Come posizionare la finestra di dialogo ui jquery rispetto a un elemento div all'interno del corpo?Finestra di dialogo Posizionamento jquery ui
5
A
risposta
8
Forse questo potrebbe ottenere l'idea come farlo:
HTML:
<div id="one" class="divs"></div>
<div id="two" class="divs"></div>
CSS:
.divs {
float: left;
height: 48px;
width: 80px;
border: 1px solid #55f;
}
JS:
$(document).ready(function(){
var $div = $('#two');
var left = $div.offset().left;
var top= $div.offset().top;
$('<p>Some dialog</p>').dialog({position: [left + 20, top + 20]});
});
Ecco il link per demo.
jQuery offset() restituisce elemento postion relative al documento, mentre position() i rendimenti relativi a compensare genitore.
1
http://api.jquery.com/offset/ mostra come ottenere le coordinate di un elemento div. ma l'utilizzo diretto potrebbe non essere sufficiente in quanto dipende dalla struttura del layout (float, margini, ecc.).
2
Usa jQuery position function o jQuery UI one
$('#dialog').position({of: $('#your_div')});
Problemi correlati
- 1. Posizionamento finestra di dialogo jQuery
- 2. jQuery UI Posizionamento del pulsante di dialogo
- 3. jquery ui finestra di dialogo come conferma
- 4. Posizione dialogo jQuery UI
- 5. Perdite di memoria della finestra di dialogo jQuery-UI
- 6. Reindirizza la finestra di dialogo ui jquery alla chiusura
- 7. Aggiungi pulsante alla finestra di dialogo ui jquery
- 8. jquery ui finestra di dialogo si apre solo una volta
- 9. jQuery UI Finestra di dialogo stile CSS singolo
- 10. jQuery UI DatePicker Apri finestra di dialogo Apri
- 11. jQuery UI overlay di dialogo
- 12. JQuery UI Aggiungi ID dialogo
- 13. jQuery UI posizionamento di completamento automatico sbagliato
- 14. jQuery finestra di dialogo modale e finestra di dialogo CKEditor
- 15. Finestra di dialogo Avanzamento posizionamento Android o Finestra di dialogo Avanzamento personalizzato
- 16. Finestra di dialogo modale mobile jQuery
- 17. Finestra di dialogo Modale JQuery senza sovrapposizione
- 18. problema con la finestra di dialogo jquery
- 19. Posizionamento assoluto con finestre di dialogo dell'interfaccia utente jQuery
- 20. jQuery UI testo pulsante di dialogo come variabile
- 21. Finestra di dialogo dell'interfaccia utente JQuery lenta
- 22. Finestra di dialogo Jquery: Nascondi il pulsante
- 23. jQuery: dissolvenza nella finestra di dialogo modale
- 24. Jquery ui $ ([])
- 25. Finestra di dialogo Jquery semplice ma ora al momento
- 26. Come chiudere jQuery Dialog all'interno della finestra di dialogo?
- 27. Mostra finestra di dialogo su React material-ui
- 28. "Correggi" il carattere della finestra di dialogo/UI su Windows
- 29. Java Swing: finestra di dialogo di posizionamento sopra la finestra esistente
- 30. Utilizzando HTML nel titolo di una finestra di dialogo in jQuery UI 1,10
Mi hai battuto! :) Le demo di questo possono essere trovate [qui] (http://jqueryui.com/demos/position/) – mekwall