jquery - jquery 弹出窗口：获取按钮以打开 url

Question

我有一个简单的弹出窗口，其中包含一个我想要打开 URL 的按钮。按照编码，该按钮未激活，我无法找到正确的代码来启用此操作。

基本的jQuery脚本：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>

    <script type="text/javascript">

       $(document).ready(function() {   

            var id = '#dialog';

            $('#mask').fadeIn(1000);    
            $('#mask').fadeTo("slow",0.4);  

            var winH = $(window).height();
            var winW = $(window).width();

            $(id).css('top',  winH/2-$(id).height()/2);
            $(id).css('left', winW/2-$(id).width()/2);

            $(id).fadeIn(5000);     

            $('.window .close').click(function (e) {
            e.preventDefault();

        });     
    });

按键的代码是：

     <div id="content">
        <a class="button green" href="http://www.google.com">Goto Url</a>
     </div>

要激活按钮，我添加了脚本：

        $('#element_to_pop_up').bPopup({
         content:'iframe', 
        contentContainer:'#content',
         loadUrl:'' 
          });

此脚本不会激活按钮

请有任何建议

Answer 1

您可能需要调用 jQuery 函数，如果它是 id 前缀，也('element_to_pop_up')应该是$('element_to_pop_up')#.

$('#element_to_pop_up').bPopup({
        content:'iframe', 
        contentContainer:'.content',
        loadUrl:'' 
         });