jQuery确认模式对话框,然后将用户定向到页面

jQuery确认模式对话框,然后将用户定向到页面,jquery,Jquery,我在我们的网站上有一个链接,可以引导会员使用健康工具 我们将在90天内逐步淘汰该工具,成员将不得不导出或打印他们输入的所有数据,因为新系统将无法集成他们的数据 我想做的是放置一个jQuery对话框,其中显示: “我们将于2012年4月15日逐步淘汰此工具。请导出和/或打印您希望保留的数据,因为这些数据将不再可用。” 然后会有一个“OK”按钮,它们会将用户指向健康工具 我已经安装了jquerylib和jqueryui core.js以及UI dialog.js,并且可以正常工作 我查看了jQuer

我在我们的网站上有一个链接,可以引导会员使用健康工具

我们将在90天内逐步淘汰该工具,成员将不得不导出或打印他们输入的所有数据,因为新系统将无法集成他们的数据

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

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

然后会有一个“OK”按钮,它们会将用户指向健康工具

我已经安装了jquerylib和jqueryui 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>

$(文档).ready(函数(){
$(“#对话框”)。对话框({
自动打开:错误,
莫代尔:对
});
});
$(“.confirmLink”)。单击(函数(e){
e、 预防默认值();
var targetUrl=$(this.attr(“href”);
$(“#对话框”)。对话框({
按钮:{
“确认”:函数(){
window.location.href=targetUrl;
},
“取消”:函数(){
$(此).dialog(“关闭”);
}
}
});
$(“对话框”)。对话框(“打开”);
});
请确认。
但是,我得到一个错误:“对象不支持此属性或方法” 并引用此行:$(document).ready(function(){


非常感谢您的帮助。

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

我确实通过警报消息验证了库是否已加载。但是,将$替换为jQuery无效。我还尝试将所有$替换为jQuery,结果相同。好的,请继续。我将3个脚本标记的调用移动到页面的中。不再有任何错误,并且现在隐藏。但是,它不会提示对话框…???我不确定我是否理解您的意思,它不会提示对话框。链接只是将用户传递到工具,它不会弹出对话框供用户“确认”。