使用Jquery切换选项卡时,Bootstrap Modal没有绑定

时间:2019-04-25 07:52:39

标签: jquery twitter-bootstrap

在用户界面中,我正在切换导航选项卡(从数据库添加,ID也来自数据库) 对于每个导航(n v)选项卡,我也有10个div小部件/ div, 当我将鼠标悬停在特定的div / widget上时,我可以将该模式绑定到该div。(但这仅在切换标签页的第一enter code here时有效

f我切换了下一个选项卡,它将不会将该模式与特定的div绑定) 如果我保持警惕,它将被开除多次...

我有一个带有以下代码的Bootstrap模型...(model.html)

<style>

'

.modal, .modal-backdrop {
    position: absolute !important;
}

.after_modal_appended {
    position: relative;
}

'

'<div class="modal fade hidden" id="div_Modal" data-backdrop="">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <a h ref="java script:;" on click="" title=""><i class="fa fa-trash-o"></i></a>
                                    <a h ref="java script:;" on click="" title=""><i class="fa fa-trash-o"></i></a>
                                    <a h ref="java script:;" on click="" title=""><i class="fa fa-cog text-muted"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>'

// Modal.j s(我叫那个load_div())

Bind_Modal.j s(j查询的以下代码在Bind_Modal.j s中)

'

$("#p_w-container").on("mouse over", "l i", function () {
                    var w_id = $(this).find("#hf_id").val();
                    $(".div" + w_id).mouse over(function () {
                        $('#div_Modal').modal("show").remove Class('hidden').append*To('.widget_id-' + w_id);
                    });
                });'

当我将鼠标悬停在特定的div / widget上时,我可以将该模式绑定到该div,因此每次切换选项卡时都应该绑定该模式。

0 个答案:

没有答案