Javascript 防止网页在单击链接时滚动到顶部
我有附加到jquery的链接,当我点击链接时,页面会滚动回到顶部 我怎样才能防止这种情况发生。在中,您可以看到,如果您向下滚动到选中7,然后单击,页面将滚动回顶部 请帮忙 HTML:Javascript 防止网页在单击链接时滚动到顶部,javascript,jquery,html,Javascript,Jquery,Html,我有附加到jquery的链接,当我点击链接时,页面会滚动回到顶部 我怎样才能防止这种情况发生。在中,您可以看到,如果您向下滚动到选中7,然后单击,页面将滚动回顶部 请帮忙 HTML: JAVASCRIPT: (function($){ $('li.todo').click(function(){ if($(this).find('.uncheck_box').length >0){ var _t=$
-
-
-
-
-
-
-
JAVASCRIPT:
(function($){
$('li.todo').click(function(){
if($(this).find('.uncheck_box').length >0){
var _t=$(this).find('.uncheck_box');
_t.removeClass('uncheck_box');
_t.addClass('check_box');
m_val='1';
$(this).find('a').addClass('strike');
}else{
m_val='0';
var _t=$(this).find('.check_box');
_t.removeClass('check_box');
_t.addClass('uncheck_box');
$(this).find('a').removeClass('strike');
}
var m_key=jQuery(this).attr('id');
jQuery.ajax({
type: "POST",
url: "<?php echo get_template_directory_uri(); ?>/ajax_get.php",
data: { meta_key: m_key, meta_value: m_val},
beforeSend: function( ) {
//jQuery(this).attr("disabled", true);
},
success:function(){}
})
});
$('.sort').click(function(){
var _t=$(this);
$('.sort').removeClass('active');
$(this).addClass('active');
if(_t.hasClass('showall')){
$('li.todo').show();
}else if(_t.hasClass('complete')){
$('li.todo').show();
$('li.todo').filter(function(){
return !!$(this).find('span.uncheck_box').length;
}).hide();
}else if(_t.hasClass('incomplete')){
$('li.todo').show();
$('li.todo').filter(function(){
return !!$(this).find('span.check_box').length;
}).hide();
}
});
jQuery(document).ready(function(){
jQuery('.chkbx').click(function(){
var cuser_id='<?php echo $current_user->ID;?>';
var m_val='0';
if(jQuery(this).is(':checked'))
{
m_val='1';
jQuery(this).parent().next("dd").addClass('strike');
}else
{
m_val='0';
jQuery(this).parent().next("dd").removeClass('strike');
}
var m_key=jQuery(this).attr('id');
jQuery.ajax({
type: "POST",
url: "<?php echo get_template_directory_uri(); ?>/ajax_get/",
data: { meta_key: m_key, meta_value: m_val},
beforeSend: function( ) {
jQuery(this).attr("disabled", true); }
})
.done(function( msg ) {
jQuery(this).attr("disabled", false);
});
});
});
(函数($){
$('li.todo')。单击(函数(){
if($(this).find('.uncheck_框')。长度>0){
var _t=$(this).find('.uncheck_-box');
_t、 removeClass(“取消选中复选框”);
_t、 addClass(“复选框”);
m_val='1';
$(this.find('a').addClass('strike');
}否则{
m_val='0';
var _t=$(this.find('.check_box');
_t、 removeClass(“复选框”);
_t、 addClass(“取消选中复选框”);
$(this.find('a').removeClass('strike');
}
var m_key=jQuery(this.attr('id');
jQuery.ajax({
类型:“POST”,
url:“/ajax\u get.php”,
数据:{meta_key:m_key,meta_value:m_val},
beforeSend:函数(){
//jQuery(this).attr(“disabled”,true);
},
成功:函数(){}
})
});
$('.sort')。单击(函数(){
var _t=$(本);
$('.sort').removeClass('active');
$(this.addClass('active');
if(_t.hasClass('showall')){
$('li.todo').show();
}如果(\u t.hasClass('complete')){
$('li.todo').show();
$('li.todo').filter(函数(){
return!!$(this).find('span.uncheck_-box').length;
}).hide();
}如果(\u t.hasClass('complete')){
$('li.todo').show();
$('li.todo').filter(函数(){
return!!$(this).find('span.check_框').length;
}).hide();
}
});
jQuery(文档).ready(函数(){
jQuery('.chkbx')。单击(函数(){
var cuser_id=“”;
var m_val='0';
if(jQuery(this).is(':checked'))
{
m_val='1';
jQuery(this).parent().next(“dd”).addClass(“strike”);
}否则
{
m_val='0';
jQuery(this).parent().next(“dd”).removeClass(“strike”);
}
var m_key=jQuery(this.attr('id');
jQuery.ajax({
类型:“POST”,
url:“/ajax\u get/”,
数据:{meta_key:m_key,meta_value:m_val},
beforeSend:函数(){
jQuery(this.attr(“disabled”,true);}
})
.done(函数(msg){
jQuery(this.attr)(“disabled”,false);
});
});
});
这是由中的引起的这是由中的引起的这是由中的引起的这是由中的引起的你可以用这个
<a href="javascript:;">Your content</a>
您可以使用此
<a href="javascript:;">Your content</a>
您可以使用此
<a href="javascript:;">Your content</a>
您可以使用此
<a href="javascript:;">Your content</a>
这不起作用,因为它会导致另一个页面“未找到”。滚动是由#
引起的,因为它链接到顶部。通过使用void(0);
它什么也不做。导航应该由Javascript引起。正如您在小提琴中看到的,它不会滚动到void(0)
确保您在void(0)前面添加了javascript:
;
这不起作用,因为它会导致另一个页面“未找到”。滚动是由
引起的,因为它链接到顶部。使用void(0)
它什么也不做。导航应该是由Javascript引起的。正如你在小提琴中看到的,它不会滚动到void(0);
确保你在void(0)前面添加了Javascript:
;
这不起作用,因为它会导致另一个页面“找不到”滚动是由#
引起的,因为它链接到顶部。通过使用void(0)
它什么也不做。导航应该是由Javascript引起的。正如您在小提琴中看到的,它不会滚动到void(0);
确保您在void(0)前面添加了Javascript:
这不起作用,因为它会导致另一个页面“找不到”。滚动是由#
引起的,因为它链接到顶部。使用void(0);
它什么也不做。导航应该由Javascript引起。正如您在小提琴中看到的,它不会滚动void(0)
确保在void(0)前面添加了javascript:
;