使yiistrap模态窗口可拖动

时间:2013-10-07 08:24:08

标签: twitter-bootstrap yii yii-extensions

如何使用jquery ui使yiistrap模态窗口可拖动?我知道如何为引导程序执行此操作,但我应该如何更改yiistrap?在bootstrap中它就像这样

$("#myModal").draggable({
handle: ".modal-header"
});

1 个答案:

答案 0 :(得分:0)

我找到了问题的答案,因此我发布了我的代码,用于在yiistrap中制作可拖动的模态窗口。我希望它对其他人也有帮助。

<?php $this->beginWidget('bootstrap.widgets.TbModal', array(
    'id'=>'myModal',
    'fade' => false,
    'htmlOptions' => array('style' => 'width: 1253px; margin-left: -646px; margin-top: -95px; left: 610px; height: 648px'),
    'options' => array('backdrop' => 'static', 'keyboard' => true)
    )); 
?>
<script>
$(function(){$("#myModal").draggable().resizable();});
</script>
//Modal Header Part
//Modal Body Part
//Modal Footer Part

不要忘记包含jquery-ui.css。