Question

我想创建一个加载模式而一个大函数没有完成，这个模态不能接近，而这个函数没有完成，我怎么能这样做？

Answer 1

您应该向您的问题解释一下，以便更好地理解。我想通过我给出的链接，你会得到你的问题的答案

访问此链接

如何使用bpopup

«将绑定点击事件的基本示例，该事件将在触发时触发bPopup。添加对jquery核心库（比1.3.x更新）和bPopup的引用。请不要热链接到bPopup：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js"></script>
    <script src="jquery.bpopup-x.x.x.min.js"></script>

标记：添加一个按钮+一个要弹出的元素。

<html>
        <head> ... </head>
        <body>
          ...
            <!-- Button that triggers the popup -->
            <button id="my-button">POP IT UP</button>
            <!-- Element to pop up -->
            <div id="element_to_pop_up">Content of popup</div>
          ...
        </body>
    </html>

CSS：隐藏您要在页面加载时弹出的元素。

<style>
#element_to_pop_up { display:none; }
</style>

神奇：在按钮上绑定点击事件，触发弹出窗口。

  // Semicolon (;) to ensure closing of earlier scripting
    // Encapsulation
    // $ is assigned to jQuery
    ;(function($) {

         // DOM Ready
        $(function() {

            // Binding a click event
            // From jQuery v.1.7.0 use .on() instead of .bind()
            $('#my-button').bind('click', function(e) {

                // Prevents the default action to be triggered. 
                e.preventDefault();

                // Triggering bPopup when click event is fired
                $('#element_to_pop_up').bPopup();

            });

        });

    })(jQuery);

或

;(function($) { $(function() { $('#my-button').bind('click', function(e) { e.preventDefault(); $('#element_to_pop_up').bPopup({ appendTo: 'form' , zIndex: 2 , modalClose: false }); }); }); })(jQuery);

演示链接Link here

jquery加载模态，而函数没有完成

1 个答案: