【问题标题】:a href link that will act like a button一个类似于按钮的 href 链接
【发布时间】:2014-01-19 09:43:12
【问题描述】:

是否有任何干净的方法可以制作常规链接:

<a href="[8]">Click here to read more...</a>

完全像一个按钮

<button id="[8]">Click here to read more...</button>

谢谢!

【问题讨论】:

  • 你是什么意思'像一个按钮'?您具体想要什么功能?
  • 查看该网站上的文章:puaction.com 现在...“单击此处阅读更多...”是一个看起来像链接的按钮。我想删除所有的 css 噱头并将其恢复为像按钮一样的常规链接
  • Niels Sønderbæk :: 这不是重复的我需要反向方法
  • 可能重复:stackoverflow.com/questions/2187008/… 据我所知,CSS 将是您唯一的选择

标签: html button hyperlink href


【解决方案1】:

你的意思是这样的吗?

<a id="[8]" class="readmore" href="#">
    Click here to read more...
</a>

使您的 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;
});

只是一个提示,你的字符串处理看起来很糟糕,建议:

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

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

    return false;
});

确保页面 dom 解析器在正确的时间拦截此代码, 把它放在一个

里面

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

问候。

【讨论】:

  • 不,我想完全删除按钮。我通过 css 使按钮看起来像一个链接,但这不是一个干净的方法。
  • @masteringprojects 你能用一个 吗??
  • @masteringprojects 你所说的“准确地行动”是什么意思?如果您在单击时添加返回 false,它将不会跟随 href 链接。因此,假设您添加了适当的 CSS 样式,它将表现得像一个按钮。虽然,你为什么需要这个,它是对现有系统的某种破解吗?
  • 不,我有一个函数可以将 [{number}] 从 然后它打开(滑动到)第 8 条等等...
  • 这是函数:$("button").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); } );
【解决方案2】:

是的,先生,这很好! 我希望这能满足您的需求:)。

<html>
<style>
    .lnkbtn{
        display: block;
        width: 100px;
        background-color: lightgrey;
        border: 1px solid black;
        text-align: center;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
    }

    .lnkbtn:hover{
        background-color: #aaa;
    }

    .lnkbtn:visited{
        color: blue;
    }

    .lnkbtn:active{
        border: 1px solid red;
    }

</style>
<body>
    <a href = "http://www.google.com" class = "lnkbtn">Click me!</a>
</body>
</html>

【讨论】:

  • 它既不像按钮也不像按钮。
  • 不,这绝对不是我想要的。我不需要链接看起来像一个按钮我需要链接的行为像一个按钮。
  • 您能描述一下“行为”吗?你想要什么 onclick 事件?您可以在链接中添加一个 id 并通过外部 js 文件调用它,例如 $("#btn").onclick = function(){ ... }
猜你喜欢
  • 2014-09-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-11
  • 2017-07-16
  • 2011-01-06
  • 2020-02-16
  • 2010-10-10
相关资源
最近更新 更多