当前位置：文江博客话题详情

单击超链接后显示 jquery 对话框

发布于 2024-08-30 09:10:16 字数 143 浏览 5 评论 0原文

我想在用户单击超链接后显示一个对话框。如果用户在对话框中按“继续”，浏览器必须转到超链接。如果用户按下取消，则应取消对超链接的点击。

该链接的 href 属性中应该有一个真实的 url，不应该使用锚点。

如何使用 Jquery 实现这一点？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

七度光 2024-09-06 09:10:16

在 jQuery 中使用 .click() 处理程序和 .preventDefault。例如：

$('a').click(function(event) {
  var answer= confirm('Do you really want to go there?');
  if(!answer){
    event.preventDefault();
  }
});

Use the .click() handler and .preventDefault in jQuery. e.g.:

$('a').click(function(event) {
  var answer= confirm('Do you really want to go there?');
  if(!answer){
    event.preventDefault();
  }
});

回复收藏 0 原文

開玄 2024-09-06 09:10:16

我会采用这样的方法：

<a href="mylink.html" id="dialogLink">Link</a>

并且，使用不显眼的 javascript（使用 jQuery）：

var link = $('#dialogLink');
link.click(function()
{
    $(this).dialog({
        buttons: 
        {
            "Ok": function()
            {
                 $(this).dialog('close');
                 window.location.href = link.attr('href');
            }
        }
    });

    return false;
});

通过 javascript 删除链接，并且只有当用户单击对话框中的“确定”按钮时，窗口位置才会更改。

I'd go with something like this:

<a href="mylink.html" id="dialogLink">Link</a>

And, using unobstrusive javascript (using jQuery):

var link = $('#dialogLink');
link.click(function()
{
    $(this).dialog({
        buttons: 
        {
            "Ok": function()
            {
                 $(this).dialog('close');
                 window.location.href = link.attr('href');
            }
        }
    });

    return false;
});

You remove the link via javascript, and only if the user clicks the 'OK' button in the dialog, is the window location changed.

回复收藏 0 原文

手心的温暖 2024-09-06 09:10:16

您可以使用此处找到的 jquery JQDIALOG 插件 http://plugins.jquery.com/project/jqDialog

<a href="foo.com" id="bar">bar</a>

$(document).ready(function(){
  $("a#bar").click(function(){
    href = $("a#bar").attr("href")
    jqDialog.confirm("Are you sure want to click either of these buttons?",
      function() { window.location=href; }, // callback function for 'YES' button
      function() { return; }                // callback function for 'NO' button
    );
    return false;
  });
});

You can use the jquery JQDIALOG plugin found here http://plugins.jquery.com/project/jqDialog

<a href="foo.com" id="bar">bar</a>

$(document).ready(function(){
  $("a#bar").click(function(){
    href = $("a#bar").attr("href")
    jqDialog.confirm("Are you sure want to click either of these buttons?",
      function() { window.location=href; }, // callback function for 'YES' button
      function() { return; }                // callback function for 'NO' button
    );
    return false;
  });
});

回复收藏 0 原文

~没有更多了~