Question

我希望在用户点击我的网站后隐藏div，这个脚本适用于正文。它在页面的任何地方，但如何在用户点击时隐藏它，我认为它需要jquery或js功能，它将隐藏div。由于某些原因，我没有显示我的div脚本。谢谢亲爱的大卫。

<Script Language='Javascript'>

$(function(){

$( document ).mousemove(function( event ) {
   var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
$('div.klk').css({"left":event.pageX-10, "top": event.pageY-10});
});

setTimeout(function() {
     $('.popups').remove();
}, 59000);

$('div.klk').click(function() {$(this).hide(3000); });
 });

</Script>

<div class="klk" >
something goes here... for example like button.
</div>

Answer 1

您需要将position:absolute添加到div以与光标一起移动;

检查代码段

$(function(){

  $( document ).mousemove(function( event ) {
   var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
   //console.log({"left":event.pageX-10, "top": event.pageY-10})
   $('div.klk').css({"left":event.pageX-10, "top": event.pageY-10});
  });

  setTimeout(function() {
     $('.popups').remove();
  }, 59000);

 $('div.klk').click(function() {$(this).hide(3000); });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="klk" style="position:absolute;">
something goes here... for example like button.
</div>

Answer 2

您的代码按原样运行。别忘了导入jQuery。请不要像在

中那样使用带有大写字母的标签

<Script></Script>

$(function(){

$( document ).mousemove(function( event ) {
   var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
$('div.klk').css({"left":event.pageX-10, "top": event.pageY-10});
});

setTimeout(function() {
     $('.popups').remove();
}, 59000);

$('div.klk').click(function() {$(this).hide(3000); });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div class="klk" >
something goes here... for example like button.
</div>

如何隐藏js或jquery中的div

2 个答案: