duanhe6799 2017-03-29 01:23
浏览 94
已采纳

单击按钮时不显示对话框

I have a site which has the button 'Currency Converter'. When clicked on it, it should open the dialog box and conversion should happen. Following is the code:

currency_converter.php

<!DOCTYPE HTML>
    <html>
    <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
    
        <script>
            $(document).ready(function() {
                $('#openwindow').each(function() {
                    var $link = $(this);
                    var $dialog = $('<div></div>')
                        .load($link.attr('href'))
                        .dialog({
                            autoOpen: false,
                            title: $link.attr('title'),
                            width: 500,
                            height: 300
                        });
    
                    $link.click(function() {
                        $dialog.dialog('open');
    
                        return false;
                    });
                });
            });
        </script>
    
        <script type="text/javascript">
            $(document).ready(function() {
    
                $('#wrapper').dialog({
                    autoOpen: false,
                    title: 'Basic Dialog'
                });
                $('#opener').click(function() {
                    var page = "https://www.google.com/finance/converter";
    
                    var $dialog = $('<div></div>')
                        .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                        .dialog({
                            autoOpen: false,
                            modal: true,
                            height: 250,
                            width: 350,
                            title: "Currency Converter"
                        });
                    $dialog.dialog('open');
                    return false;   
                });
            });
        </script>
    </head>
    <body>
    
    <button id="opener">Currency Converter</button>
    <div id="wrapper">
    
    </div>
    </body>
    </html>

The problem is: dialog box is not getting opened in my browser.

Can anyone please help. Thanks in advance

</div>

展开全部

  • 写回答

2条回答 默认 最新

查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部