【问题标题】:Onclick on bootstrap button [duplicate]Onclick 引导按钮 [重复]
【发布时间】:2013-05-16 03:43:48
【问题描述】:

好的,我是引导主题的新手,所以试图在 下面的引导按钮,但不知道怎么做..

<a class="btn btn-large btn-success" href="http://twitter.github.io/bootstrap/examples/marketing-narrow.html#">Send Email</a>

任何帮助将不胜感激..

【问题讨论】:

    标签: javascript twitter-bootstrap


    【解决方案1】:

    就像任何其他点击事件一样,您可以使用 jQuery 注册一个元素,为该元素设置一个 id 并监听如下事件:

    $('#myButton').on('click', function(event) {
      event.preventDefault(); // To prevent following the link (optional)
      ...
    });
    

    您也可以在 onclick 属性中使用内联 javascript:

    <a ... onclick="myFunc();">..</a>
    

    【讨论】:

      【解决方案2】:
      <a class="btn btn-large btn-success" id="fire" href="http://twitter.github.io/bootstrap/examples/marketing-narrow.html#">Send Email</a>
      
      $('#fire').on('click', function (e) {
      
           //your awesome code here
      
      })
      

      【讨论】:

        【解决方案3】:

        你可以像这样使用'onclick'属性:

        <a ... href="javascript: onclick();" ...>...</a>
        

        【讨论】:

          【解决方案4】:

          似乎没有解决问题的方法:

          $(".anima-area").on('click', function (e) {
                      return false; //return true;
          });
          $(".anima-area").on('click', function (e) {
                      e.preventDefault();
          });
           $(".anima-area").click(function (r) {
                     e.preventDefault();
          });
          $(".anima-area").click(function () {
                     return false; //return true;
          });
          

          引导按钮始终保持按下状态并阻止所有 .click 代码。 如果我删除 .click 功能按钮恢复正常工作。

          【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2014-11-04
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2018-11-03
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多