jQuery确认模式对话框,然后直接用户到页面

时间:2012-01-12 22:11:52

标签: jquery

我的网站上有一个链接,指示成员使用健康工具。

我们将在90天内逐步淘汰这个工具,成员将不得不导出或打印他们输入的所有数据,因为新系统将无法整合他们的数据。 / p>

我想要做的是放置一个jQuery对话框模式框,其中显示:

“我们将于2012年4月15日逐步淘汰此工具。请导出和/或打印您希望保留的数据,因为它将不再可用。”

然后会出现一个“确定”按钮,他们会将用户引导到健康工具。

我安装了jQuery lib和jQuery UI core.js和UI dialog.js并且功能正常。

我查看了jQuery文档并查看了模式对话框示例,并在此站点上看到了一个示例。

我在头脑中调用以下脚本:

<head>
<script src="/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="/js/ui.core.js" type="text/javascript"></script>
<script src="/js/ui.dialog.js" type="text/javascript"></script>
</head>

然后是页面:

<script type="text/javascript">
  $(document).ready(function() {
    $("#dialog").dialog({
      autoOpen: false,
      modal: true
    });
  });

  $(".confirmLink").click(function(e) {
    e.preventDefault();
    var targetUrl = $(this).attr("href");

    $("#dialog").dialog({
      buttons : {
        "Confirm" : function() {
          window.location.href = targetUrl;
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

    $("#dialog").dialog("open");
  });
</script>

<div id="dialog" title="Confirmation Required">
Please confirm.
</div>

<a class="confirmLink" href="/health-tool.aspx">Link to Health Tool</a>

但是,我收到一条错误消息:“对象不支持此属性或方法” 并引用此行:$(document).ready(function(){

非常感谢您的协助。

1 个答案:

答案 0 :(得分:0)

尝试用jQuery替换第一个美元符号。还要确保你的jQuery库已加载。