Javascript Don';我不想跳页

Javascript Don';我不想跳页,javascript,jquery,css,page-jump,Javascript,Jquery,Css,Page Jump,上一个问题在同一个coe上解决@ 我必须使功能像 这是一个我不理解的大jquery代码 这是我的 我已经做了相同的功能,但当它被点击时,页面跳转到该元素 我不想page跳转我需要一些fadein和out $(".show").click(function() { var link = $('this').attr('href'); $(link).show(); }); $(".close").click(function() { $(this).closest("div.p

上一个问题在同一个coe上解决@

我必须使功能像 这是一个我不理解的大jquery代码

这是我的 我已经做了相同的功能,但当它被点击时,页面跳转到该元素 我不想page跳转我需要一些fadein和out

$(".show").click(function() {
    var link = $('this').attr('href');
  $(link).show();

});

$(".close").click(function() {
  $(this).closest("div.popupbox").hide();
});
和html

<a href="#popup" id="show" class="show">a</a>
<a href="#popup1" id="show1" class="show">b</a>
<a href="#popup2" id="show2" class="show">c</a>

我想在锚定点击时显示弹出窗口,但不想页面跳转/滚动到该id 为了测试这个问题,我已经给出了
top:10000px
,因为在我的原始页面中它移动到了特定的元素

打开完整代码,我希望使用
preventDefault()

使用
preventDefault()


尝试
event.preventDefault()


文档

尝试
event.preventDefault()

文档

尝试使用此文档:

$(".show").click(function(e) {
  e.preventDefault();
  var link = $(this).attr('href'); //<----remove quotes in $('this')
  $(link).fadeIn(); // <-------------use fadeIn() instead
});

$(".close").click(function(e) {
  e.preventDefault();
  $(this).closest("div.popupbox").hide();
});
$(“.show”)。单击(函数(e){
e、 预防默认值();
var link=$(this.attr('href');//试试这个:

$(".show").click(function(e) {
  e.preventDefault();
  var link = $(this).attr('href'); //<----remove quotes in $('this')
  $(link).fadeIn(); // <-------------use fadeIn() instead
});

$(".close").click(function(e) {
  e.preventDefault();
  $(this).closest("div.popupbox").hide();
});
$(“.show”)。单击(函数(e){
e、 预防默认值();

var link=$(this.attr('href'));//嗯……你的问题是?这对我来说像是一个请求……而你甚至没有问……如何停止页面跳转im我的网站……你的问题是?这对我来说像是一个请求……而你甚至没有问……如何停止页面跳转im我的网站正在工作,但它已停止跳转向下滚动,你会看到的image@SahilPopli我已经更新了我的答案,看看这是否对你有效它有效,但它停止了向下滚动,你会看到的image@SahilPopli我已经更新了我的答案,看看这对你有用吗?你能用小提琴编辑它对我不起作用吗?我以前也测试过同样的答案。你能用小提琴编辑它对我不起作用吗?我以前也测试过同样的答案重新
$(".show").click(function(event) {
    event.preventDefault();
    var link = $(this).attr('href');
    $(link).show();

});

$(".close").click(function(event) {
    event.preventDefault();
    $(this).closest("div.popupbox").hide();
});
$(".show").click(function(e) {
  e.preventDefault();
  var link = $(this).attr('href'); //<----remove quotes in $('this')
  $(link).fadeIn(); // <-------------use fadeIn() instead
});

$(".close").click(function(e) {
  e.preventDefault();
  $(this).closest("div.popupbox").hide();
});