modal插件生成模态窗的问题 [ 2.0 版本 ]
使用modal将用户的详细信息页面变为模态窗口。每次打开页面第一次点击任意用户查看详情的按钮,能根据用户id显示其信息,但是之后点击其他按钮出现的模态窗口内容就和第一次的内容一样,试过写了一个其他无关的按钮,出现的也是同样的内容。
按钮代码
$button = [
'view' => function ($url) {
return Html::a(
'<span class="glyphicon glyphicon-search"></span>',
$url,
['title' => '查看',
'id' => 'view',
'class' => 'modaldialog',
'data-toggle' => 'modal',//固定写法
'data-url' => Url::toRoute([$url]),
'data-target' => '#common-modal',
]
);
},
共 1 个回答
-
你打开的页面是不是都一个URl阿 这是关键
共 9 条回复@Soul丶 你写个jquery 先
$(".modaldialog").click(function(){ aUrl = $(this).attr('data-url'); aTitle = $(this).attr('data-title'); console.log(aTitle); console.log(aUrl); $($(this).attr('data-target')+" .modal-title").text(aTitle); $($(this).attr('data-target')).modal("show") .find(".modal-body") .load(aUrl); return false; });
@ymfhack 我一开始就是用的这段jquery,没用的,并没有执行。
`
<?php
Modal::begin(['id' => 'common-modal', 'header' => '<h4 class="modal-title"></h4>', 'footer' => '<a href="#" class="btn btn-primary" data-dismiss="modal">关闭</a>',
]);
$js = <<<JS
$(".modaldialog").click(function(){
aUrl = $(this).attr('data-url');
aTitle = $(this).attr('data-title');
console.log(aTitle);
console.log(aUrl);$($(this).attr('data-target')+" .modal-title").text(aTitle); $($(this).attr('data-target')).modal("show") .find(".modal-body") .load(aUrl); return false;
});
JS;
$this->registerJs($js);Modal::end();
?>
`
Soul丶
注册时间:2017-06-04
最后登录:2017-12-10
在线时长:3小时45分
最后登录:2017-12-10
在线时长:3小时45分
- 粉丝0
- 金钱40
- 威望0
- 积分70