I m using jQuery UI 1.8.19 and Twitter Bootstrap 2.0.3 in a site I m developing. I want to show a modal dialog when click in a Delete and for this I do that:
<div id="dialog-confirm" title="<?php echo lang("event:delete_confirm_title") ?>">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span><?php echo lang( event:delete_confirm_content ) ?></p>
</div>
The JS to fire the event is this:
$(function() {
$("#delete").click(function(){
$( "#dialog-confirm" ).dialog({
resizable: false,
height:140,
modal: true,
buttons: {
"<?php echo lang( event:delete ) ?>": function() {
$( this ).dialog( "close" );
},
"<?php echo lang( global:cancel_label ) ?>": function() {
$( this ).dialog( "close" );
}
}
});
});
});
For some reason the modal dialog is always showed at the end of the page when it shouldn t be I think and when I click the element the dialog appears but the page is redirected instantaneously to my home page and didn t know the cause because I don t have redirects in any place and also there are no forms there. Any advice or help on this? Best regards