像按钮一样的href链接

mas*_*cts 4 html href button hyperlink

是否有任何清洁的方法可以建立常规链接:

<a href="[8]">Click here to read more...</a>
Run Code Online (Sandbox Code Playgroud)

就像按钮一样

<button id="[8]">Click here to read more...</button>
Run Code Online (Sandbox Code Playgroud)

谢谢 !

Joã*_*nho 5

你的意思是这样吗?

<a id="[8]" class="readmore" href="#">
    Click here to read more...
</a>
Run Code Online (Sandbox Code Playgroud)

使您的JavaScript适应新的“ a”:

$("a.readmore").click(function() { 
    var id=this.id.split('['); 
    var d_id=id[1].split(']'); 
    var ii=d_id[0] $('html, body').animate({ 
       scrollTop: $('[id='+ii+']').offset().top 
    }, 2000); 

    return false;
});
Run Code Online (Sandbox Code Playgroud)

提示,您的字符串处理看起来很糟糕,建议:

$("a.readmore").click(function() { 
    var id=this.id.match('[0-9]+');

    $('html, body').animate({ 
       scrollTop: $('[id='+ id +']').offset().top 
    }, 2000); 

    return false;
});
Run Code Online (Sandbox Code Playgroud)

确保此代码在正确的时间被页面dom解析器拦截,并将其放入

$(document).ready(function(){...});

问候。