bpopup - ajax加载无法正常工作

时间:2015-12-11 08:46:02

标签: bpopup

我有以下代码,但这不起作用。我希望通过ajax调用加载本地html文件它不会按预期工作。它只是显示“你好,你好吗?'虽然它应该显示来自另一个html文件的内容。

以下是代码。

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
<title></title>
<script src="../js/jquery-2.1.0.min.js"></script>
<script src="http://dinbror.dk/bpopup/assets/jquery.bpopup-0.11.0.min.js"></script>
<style>
    #element_to_pop_up {
        background-color: #fff;
        border-radius: 15px;
        color: #000;
        display: none;
        padding: 20px;
        min-width: 400px;
        min-height: 180px;
    }

    .b-close {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 5px;
    }
</style>

 </head>

 <body>
     ...
        <button id="my-button">POP IT UP</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
        Hello. wow. How are you?
</div>
     ...



     <script>
    // 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({
                    content: 'iframe', //'ajax', 'iframe' or 'image'
                    contentContainer: '.content',
                    loadUrl: '1.html'
                });

            });

        });

    })(jQuery);
</script>
 </body>

 </html>

1 个答案:

答案 0 :(得分:0)

您没有类名为“content”的Container。 这应该有效:

ETIMEDOUT