带警报窗口的Javascript链接点击检测器

问题描述 投票:-1回答:5

我正在尝试设置一个javascript点击检测器。如果点击第2部分而没有点击 "link1 "或 "link2",就会弹出一个警告,告诉他点击其中一个链接。如果这个人点击了一个链接,他应该被允许进入感谢页面。我的问题是,即使用户点击了其中一个链接,它也不会让他通过。

<a id="postos" href="http://link1.com">Link1</a><br>
<a id="postos" href="http://link2.com">Link2</a><br>
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>   
<script>
    $("#postos").click(function () { 
        $("#linkos").attr('href', 'http://example.com');
    });
</script>

Part 2 Click <a id="linkos" href='javascript:window.alert("please click a link");'> Here </a>
javascript ajax
5个回答
1
投票

你不能有两个相同id的元素。

把它改成一个类。

<a class="postos" href="http://link1.com">Link1</a><br>
<a class="postos" href="http://link2.com">Link2</a><br>

$(".postos").click(function () { 
          $("#linkos").attr('href', 'http://example.com');
    });

0
投票

多次使用同一个ID是无效的。

为你的第一个链接添加一个类,并使用类来选择它们。

<a class="link" href="http://link1.com">Link1</a><br>
<a class="link" href="http://link2.com">Link2</a><br>

$(".link").click(function (e) { 
    $("#linkos").attr('href', 'http://example.com');
});

DEMO


0
投票

Id应该是唯一的,所以更好的用户类。

<a class="postos" href="http://link1.com">Link1</a><br>
<a class="postos" href="http://link2.com">Link2</a><br>

JS

$(".postos").click(function () { 
      $("#linkos").attr('href', 'http://example.com');
});

0
投票

id 必须是唯一的,由id改为 class:

HTML。

<a class="postos" href="http://link1.com">Link1</a><br>
<a class="postos" href="http://link2.com">Link2</a><br>

<a id="linkos" href='http://example.com'> Here </a>

jQuery。

$('.postos').click(function(){
        $(this).data('clicked', 'yes');
    })

$('#linkos').click(function(){
        if ($('.postos[data-clicked="yes"]').length == 0)
        {
            alert("please click a link");
            return false;
        }
    });

0
投票

用这个。

<script>
  var next = function () {
    var confirmWindow = confirm("You want to go to a_website.");
    if (confirmWindow) {
      return true;
    }
    return false;
  };
</script>
<a href="your_url" onclick="return next();">Text here...</a>

一旦按钮被点击(onclick属性),它就会调用一个函数。

然后这个函数就会询问用户是否要去那里。

这个 truefalse 会根据其点击的按钮而返回。

然后 if 语句将只查看它是真还是假。

然后就会运行正确的代码。

这是你想要的吗?

© www.soinside.com 2019 - 2024. All rights reserved.