Model Popuo With Ajax Content

Yii 1.1 General Discussion
1

Hi

I am using model popup with following code but not getting proper result. the popup is displaying in fade grey color. Can some one help.

Here is PHP code:




<?php $this->widget('zii.widgets.CMenu',array(

			'items'=>array(

				array('label'=>'Change Password', 'url'=>array('users/changePassword'), 'linkOptions' => array('data-toggle'=>"modal", 'role'=>"button", 'class'=>'ajax-link' ), 'visible'=>!Yii::app()->user->isGuest),

			),

			'htmlOptions'=>array('class'=>'nav'),

			'encodeLabel'=>false,

		)); ?>

Here is HTML div


 <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

JS code.


  <script>

    $(document).ready(function() {

    $('.ajax-link').click(function(event) {

        $('#myModal').load($(this).attr('href'), function() {

            $('#myModal').modal({

                backdrop: true

            });});});

})</script>