Jquery 引导模式仅在单击一次后关闭。如果重新打开模式并再次单击，则不会关闭

我正在使用codeigniter。当我在模式中单击图像时，引导模式应关闭并重置

我使用codeigniter分页，当我单击第一页上的图像时，它会关闭。然而，若我重新打开模态并单击另一个分页页面，那个么单击图像将不会关闭模态不会刷新模态

问题如何确保每个图像的引导模式都将关闭 我点击。当我重新打开模型并单击另一个映像引导模式时 关不上

剧本

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});

<!-- #mYSmile div is appended when click on button -->

<div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">
    <?php echo smiley_js();?>
    <?php foreach (array_chunk($smileys, 4) as $smiley) { ?>
    <div class="row" style="margin-bottom: 10px;">
    <?php foreach ($smiley as $smile) {?>
    <div class="col-lg-6">
    <?php echo $smile['img'];?>  
    </div>
    <?php }?>
    </div>
    <?php }?>
    </div>
    <div class="modal-footer">
    <?php echo $pagination; ?>
    </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

<script type="text/javascript">
$('#mySmile .pagination a').on('click', function(e) {
    e.preventDefault();
    $('#mySmile').load($(this).attr('href'));
});

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});
</script>

剧本

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});

<!-- #mYSmile div is appended when click on button -->

<div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">
    <?php echo smiley_js();?>
    <?php foreach (array_chunk($smileys, 4) as $smiley) { ?>
    <div class="row" style="margin-bottom: 10px;">
    <?php foreach ($smiley as $smile) {?>
    <div class="col-lg-6">
    <?php echo $smile['img'];?>  
    </div>
    <?php }?>
    </div>
    <?php }?>
    </div>
    <div class="modal-footer">
    <?php echo $pagination; ?>
    </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

<script type="text/javascript">
$('#mySmile .pagination a').on('click', function(e) {
    e.preventDefault();
    $('#mySmile').load($(this).attr('href'));
});

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});
</script>

&时代；
情态标题
$（'#mySmile.pagination a'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'#mySmile'）.load（$（this.attr（'href'））；
});
$（'.modal body a img'）。打开（“单击”，函数（）{
$（“#mySmile”）.modal（'hide'）；
});

Common.js

$(document).ready(function() {
$(document).delegate('button[id=\'smile-button\']', 'click', function() {

    $('#mySmile').remove();

    $.ajax({
        url: base_url + 'smiley',
        dataType: 'html',
        success: function(html) {
            $('body').append('<div class="modal fade" tabindex="-1" role="dialog" id="mySmile">' + html + '</div>');
            $('#mySmile').modal('show');
        }
    }); 

});
});

$（文档）.ready（函数（）{
$（document）.delegate（'button[id=\'smile-button\']'，'click'，function（）{
$（'#mySmile'）。删除（）；
$.ajax({
url:base_url+“smiley”，
数据类型：“html”，
成功：函数（html）{
$（'body'）。追加（''+html+''）；
$（'mySmile'）.modal（'show'）；
}
}); 
});
});

管制员只要把任何一个要的人都关起来就行了

<?php 

class Smiley extends MX_Controller {

    public function __construct() {
        parent::__construct();
        $this->load->helper('smiley');
        $this->load->library('pagination');
    }

    public function index() {
        $results = get_clickable_smileys(base_url('assets/images/smileys/'), 'message');

        $files_count = count($results);

        // Set your displayed limit.
        $files_limit = 8;

        // The input get you could rename to a uri segment if not using query string
        $input_get_per_page = $this->input->get('per_page');
        $input_get_per_page += $files_limit;

        $data['smileys'] = array();

        foreach($results as $file => $value) {
            if ($file < $input_get_per_page && $file >= $input_get_per_page - $files_limit) {
                $data['smileys'][] = array(
                    'img' => $value
                );

            }   
        }

        $config['base_url'] = base_url('smiley') . '/';
        $config['total_rows'] = $files_count;
        $config['per_page'] = $files_limit;
        $config['page_query_string'] = TRUE;
        $config['num_links'] = "5";
        $config['full_tag_open'] = "<ul class='pagination'>";
        $config['full_tag_close'] = "</ul>";
        $config['num_tag_open'] = '<li>';
        $config['num_tag_close'] = '</li>';
        $config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";
        $config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";
        $config['next_tag_open'] = "<li>";
        $config['next_tagl_close'] = "</li>";
        $config['prev_tag_open'] = "<li>";
        $config['prev_tagl_close'] = "</li>";
        $config['first_tag_open'] = "<li>";
        $config['first_tagl_close'] = "</li>";
        $config['last_tag_open'] = "<li>";
        $config['last_tagl_close'] = "</li>";

        $this->pagination->initialize($config);

        $data['pagination'] = $this->pagination->create_links();

        $this->load->view('template/extensions/smiley', $data);

    }
}

从

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});

到

还要替换common.js文件中的代码

$(document).ready(function() {
$(document).delegate('button[id=\'smile-button\']', 'click', function() {

    $('#mySmile').modal('hide');
    $('.modal').remove();
    $('body').removeClass('modal-open');
    $('.modal-backdrop').remove();

    $.ajax({
        url: base_url + 'smiley',
        dataType: 'html',
        success: function(html) {
            $('body').append('<div class="modal fade" tabindex="-1" role="dialog" id="mySmile">' + html + '</div>');
            $('#mySmile').modal('show');
        }
    }); 

});
});

$（文档）.ready（函数（）{
$（document）.delegate（'button[id=\'smile-button\']'，'click'，function（）{
$（“#mySmile”）.modal（'hide'）；
$（'.modal'）.remove（）；
$（'body'）.removeClass（'modal-open'）；
$（'.modal background'）.remove（）；
$.ajax({
url:base_url+“smiley”，
数据类型：“html”，
成功：函数（html）{
$（'body'）。追加（''+html+''）；
$（'mySmile'）.modal（'show'）；
}
}); 
});
});
更换

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
});

与

$(document).on('click','.modal-body a img', function(){
    $('#mySmile').modal('hide');
});

我已经弄明白了

我需要在common.js上删除$（'#mySmile'）.remove（）

然后创建刷新按钮，然后创建触发器

$('#button-refresh').on('click', function(e) {
    e.preventDefault();
    $('#mySmile').load("<?php echo base_url('smiley');?>");
});

$('#mySmile .pagination a').on('click', function(e) {
    e.preventDefault();
    $('#mySmile').load($(this).attr('href'));
});

$('.modal-body a img').on("click", function(){
    $('#mySmile').modal('hide');
    $('#button-refresh').trigger('click');
});  

$（“#按钮刷新”）。在（'click'，函数（e）{
e、 预防默认值（）；
$（'#mySmile'）。加载（“”）；
});
$（'#mySmile.pagination a'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'#mySmile'）.load（$（this.attr（'href'））；
});
$（'.modal body a img'）。打开（“单击”，函数（）{
$（“#mySmile”）.modal（'hide'）；
$（“#按钮刷新”）.trigger（'click'）；
});  
在图像关闭后单击图像时仍然存在相同的问题，但如果重新打开bs modal并单击另一个图像，则不会关闭。/hide/refresh modal。现在，当单击按钮打开modal时，第二次打开modal时，modal将不会打开。当我单击分页链接并选择图像时，第一页上的图像不会关闭OKI无法将演示作为其php和javascriptAs再次将其与php混合