javascript - 当前从图像中删除 html 链接

Question

情况:

• 我有一张带有链接的图片。
• 链接目标由 PHP 脚本生成。
• 当页面加载时，链接应该被禁用。稍后，(当用户填写某些表格时)应该再次启用该链接。
• 当链接被禁用时，我不想要任何链接行为(悬停时鼠标指针没有变化等......)

代码

    <a class="link" href="destination_generated_by_php_script">
        <img src="image_source_path">
    </a>

当我隐藏链接时，它也会隐藏图像(我不想要的)。我考虑过，只显示图像并稍后将 anchor 包裹在它周围。但我想，有一个更简单的答案。

Answer 1

你可以这样尝试:

<a class="link" href="destination_generated_by_php_script">
    <img src="image_source_path">
</a>

和 jQuery 脚本为:

var flag = false; //Global (Page Scope)
$('.link').click(function(e){
   if(flag){
     window.location.href = $(this).attr('href');
   }else{
     e.preventDefault();
  }
});

现在，当您希望点击起作用时，只需执行以下操作:

flag = true;