Javascript 引导模式会使窗口淡入淡出,但不会';不会突然出现
如果已经回答了,请道歉。我现在正在一个新兵训练营学习Bootstrap,我的modal没有出现。我不明白为什么会这样Javascript 引导模式会使窗口淡入淡出,但不会';不会突然出现,javascript,jquery,modal-dialog,Javascript,Jquery,Modal Dialog,如果已经回答了,请道歉。我现在正在一个新兵训练营学习Bootstrap,我的modal没有出现。我不明白为什么会这样 <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-h
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Pokemon!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<ul class="pokemon-list"></ul>
</div>
精灵宝可梦
&时代;
...
接近
这就是我正在使用的Javascript
var $modalContainer = $('#exampleModal');
function showModal(pokemon) {
pokemon.name, pokemon.imageUrl, pokemon.height;
var modalBody = $('.modal-body');
var modalTitle = $('.modal-title');
modalBody.empty();
modalTitle.empty();
var titleElement = $('<h2></h2>');
titleElement.text('#' + pokemon.id + ' ' + pokemon.name);
var contentElement = $('<p></p>');
contentElement.text(pokemon.height);
var pokemonImage = $('<img>');
pokemonImage.attr('src', pokemon.imageUrl);
pokemonImage.addClass('pokemon-image');
modalBody.append(titleElement)
modalBody.append(pokemonImage);
modalBody.append(contentElement);
}
变量$modalContainer=$('exampleModal');
功能显示模式(口袋妖怪){
pokemon.name,pokemon.imageUrl,pokemon.height;
var modalBody=$('.modalBody');
var modalTitle=$('.modal title');
modalBody.empty();
modaltile.empty();
变量titleElement=$('');
titleElement.text(“#”+pokemon.id+”+pokemon.name);
var contentElement=$('');
contentElement.text(pokemon.height);
var pokemonImage=$('如果您使用boostrap,为了手动显示需要运行的模式:
$('#exampleModal').modal('show');
详情请参阅:
var$modalContainer;
功能显示模式(口袋妖怪){
pokemon.name,pokemon.src,pokemon.height;
var modalBody=$('.modalBody');
var modalTitle=$('.modal title');
modalBody.empty();
modaltile.empty();
变量titleElement=$('');
titleElement.text(“#”+pokemon.id+”+pokemon.name);
var contentElement=$('');
contentElement.text(pokemon.height);
var pokemonImage=$('
精灵宝可梦
&时代;
...
接近
对不起,我想我已经回答了。你的意见修复了我当时的项目。我不想让你不注意到这一点,所以谢谢你。我非常感谢你抽出时间回答我的问题。