Javascript 在jQuery中禁用（不可链接）背景内容

我有一个二分之一是绝对位置。
这是一个代码

<input type="button" onclick="showdiv()" value="show" >
<div id="div2" style="display:none"> 
   some content
  <a href="anylink">name</a>
  <input type="button" value="click">
</div>
<div id="div1"> 
   some content
  <a href="anylink">name</a>
  <input type="button" value="click">
</div>

当我点击

show

按钮时，它将

fadeTo

切换到

div1

并显示

div2

。但问题是

div1

链接和按钮也可单击，而

div2

的链接和按钮不可单击。
如何禁用后台链接

    $('#div1 a').bind("click", function (e) {
        e.preventDefault();
    });
   $('#div1 input').prop('disabled', false);

应用css将其显示为已禁用。

fadeTo

不会导致解除绑定事件。我已经给了你们一般的解决办法

$('#div1').unbind('click').click(function(e){
   e.preventDefault();
});

应用css将其显示为已禁用。

fadeTo

不会导致解除绑定事件。我已经给了你们一般的解决办法

$('#div1').unbind('click').click(function(e){
   e.preventDefault();
});

如果

#div1

上有任何onclick侦听器，则可以直接执行此操作。 在较新的jquery版本中，您可以

$('#div1').off('click').click(function(e){
   e.preventDefault();
});

但是，我还是不推荐这样的解决方案，而是宁愿使用位于

#div1

上方的透明div来解决这个问题

例如：

<div id="div1holder" style="position:relative">
  <div id="div1">
  </div>
  <div id="div1blocker" style="display:none; position:absolute;top:0; left:0; background:transparent;">
  </div>
</div>

当然，您仍然可以使用淡入淡出：

function showdiv() {
  var div1 = $('#div1');
  $('#div1blocker').show().width(div1.width()).height(div1.height());
  $('#div2').show();
  div1.fadeTo("slow",0.15);
}

如果

#div1

上有任何onclick侦听器，则可以直接执行此操作。 在较新的jquery版本中，您可以

$('#div1').off('click').click(function(e){
   e.preventDefault();
});

但是，我还是不推荐这样的解决方案，而是宁愿使用位于

#div1

上方的透明div来解决这个问题

例如：

<div id="div1holder" style="position:relative">
  <div id="div1">
  </div>
  <div id="div1blocker" style="display:none; position:absolute;top:0; left:0; background:transparent;">
  </div>
</div>

当然，您仍然可以使用淡入淡出：

function showdiv() {
  var div1 = $('#div1');
  $('#div1blocker').show().width(div1.width()).height(div1.height());
  $('#div2').show();
  div1.fadeTo("slow",0.15);
}

---

.fadeTo

只更改元素和子元素的不透明度。为了“禁用”它们，还需要采取其他措施

HTML:

---

fadeTo只更改元素和子元素的不透明度。为了“禁用”它们，还需要采取其他措施

HTML:

---

如果使用jquery，则使用事件绑定附加单击事件并删除内联单击处理程序以保持js ad html代码分离（不引人注目）。如果使用jquery，则使用事件绑定附加单击事件并删除内联单击处理程序以保持js ad html代码分离（不引人注目）。@Axeem请参阅我编辑的答案。它将静音输入并禁用单击定位标记这不起作用，问题是链接和按钮不可单击。@Axeem查看我编辑的答案。它将静音输入并禁用单击锚定标记这不起作用，问题是链接和按钮不可单击。您可以定义更多关于您的答案@AndroidVid您可以定义更多关于您的答案@AndroidVid第一个我不想隐藏，第二个是如果您看到0不透明度后，它也可单击将鼠标指向空白处，然后看到。对不起，我太专注于正确设置淡入淡出和禁用，以至于忽略了该链接。现在应该可以使用新的提琴了。首先我不想隐藏，第二个是如果你看到0不透明度后，也可以单击鼠标，将鼠标指向空白处，然后看到。对不起，我太专注于正确设置淡入淡出和禁用，以至于忽略了该链接。现在该用新提琴了。