jquery popup:获取打开网址的按钮

时间:2013-07-27 18:44:52

标签: jquery button popup bpopup

我有一个简单的弹出窗口,其中包含一个我想要打开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:'' 
          });

此脚本不会激活按钮

请提出任何建议

1 个答案:

答案 0 :(得分:1)

您可能需要调用jQuery函数,('element_to_pop_up')也应该是$('element_to_pop_up'),如果它是#的id前缀,如果它是类前缀,则为. }(点)

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