Boostrap Modal Remote Url

1stly, i like to thanks for such a great ext !

Here I am trying to archive calling remote url in modal popup. I am searching around and have not found an good link to go…

In twitter boostrap document state:

But i failed to load my url (create form) while i do in yii boostrap ext below is my code:




<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal')); ?>

<div class="modal-header">

    <a class="close" data-dismiss="modal">&times;</a>

    <h4>Modal header</h4>

</div>

<div class="modal-body">

    <p> Modal body </p>

</div>

<div class="modal-footer">

    <?php $this->widget('bootstrap.widgets.TbButton', array(

        'type'=>'primary',

        'label'=>'Save changes',

    )); ?>

</div> 

<?php $this->endWidget(); ?>


<?php $this->widget('bootstrap.widgets.TbButton', array(

    'label'=>'New Project',

    'type'=>'primary',

    'url'=>$this->createUrl('create'), // My Remote URL

    'htmlOptions'=>array(

        'data-toggle'=>'modal',

        'data-target'=>'#myModal',

     ), 

)); ?>



Appreciate any help.

Regards,

pod2g

This is I found: http://stackoverflow…ntent-everytime

This is my decision:




$(document).on('click','a[data-toggle=modal]', function() {

	event.preventDefault();

	var $modal=$($(this).data('target'));


	$('.modal-body',$modal).empty();

	$modal.show();

	$('.modal-body',$modal).load($(this).attr('href'));

});