yii2模态加载内容,但标题模态无法看到
我不明白为什么我不能很好地展示模态,你能帮我吗 模态yii2模态加载内容,但标题模态无法看到,yii2,Yii2,我不明白为什么我不能很好地展示模态,你能帮我吗 模态 我不太明白你的问题。你想让那个模式的关闭按钮或标题可见吗?我不太明白你的问题。是否希望该模式的关闭按钮或标题可见?将此css添加到主css文件的末尾:。模式标题{color:#fff;background:#428bca;padding:2px 15px;}如果我创建了一个新的css文件,则该css不起作用,但内容不起作用。我注意到主线程上consoleSynchronous XMLHttpRequest中的此错误已被弃用,因为它会对最终用
我不太明白你的问题。你想让那个模式的关闭按钮或标题可见吗?我不太明白你的问题。是否希望该模式的关闭按钮或标题可见?将此css添加到主css文件的末尾:
。模式标题{color:#fff;background:#428bca;padding:2px 15px;}
如果我创建了一个新的css文件,则该css不起作用,但内容不起作用。我注意到主线程上consoleSynchronous XMLHttpRequest中的此错误已被弃用,因为它会对最终用户的体验产生有害影响。有关更多帮助,请检查。只需添加此document.getElementById('modalHeader')。innerHTML='×'+$(this.attr('title')+''代码>在jquery代码中修复了将.find('.modal content')替换为.find('.modal content')的错误,但它与建议的内容兼容,非常感谢。在主css文件的末尾添加此css:.modal header{color:#fff;background:#428bca;padding:2px 15px;}
如果我创建一个新的css文件工作正常,但不是内容。我注意到主线程上consoleSynchronous XMLHttpRequest中的此错误已被弃用,因为它会对最终用户的体验产生有害影响。有关更多帮助,请检查。只需添加此document.getElementById('modalHeader')。innerHTML='×'+$(this.attr('title')+''
在jquery代码中修复了将.find('.modal content')替换为.find('#modalContent')的错误,但它与建议的错误兼容。非常感谢。
<?php
Modal::begin([
'header' => '',
'headerOptions' => ['id' => 'modalHeader'],
'id' => 'modalSmall',
'size' => 'modal-medium', //medium
'clientOptions' => ['backdrop' => 'static', 'keyboard' => false]
]);
echo "<div id='modalContent'>
<div class='col-lg'>
<img src='".Yii::$app->request->baseUrl."/loading.gif' width='280' height='210' alt='loading...'> // put loading.gif in backend/web/ directory
</div>
</di>";
Modal::end();
?>
$(function() {
$('#modalButton').click(function(e) {
e.preventDefault();
$('#modalSmall').modal('show')
.find('.modal-content')
.load($(this).attr('value'));
document.getElementById('modalHeader').innerHTML = '<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>' + $(this).attr('title') + '</h3>';
});
});
use yii\helpers\Url;
<p>
<?= Html::a(Yii::t('app', 'Add Something'), null, ['class' => 'btn btn-success', 'id'=>'modalButton',
'value'=>Url::to(['/controller/action']),
'title'=>'Show in Modal header'
])
?>
</p>