引导寻呼机 onclick 事件

Posted

技术标签:

【中文标题】引导寻呼机 onclick 事件【英文标题】:bootstrap pager onclick event 【发布时间】:2017-04-21 12:05:37 【问题描述】:

我对引导程序非常陌生,对寻呼机选项也完全陌生。我有一个页面可以使用带有 javascript 中点击事件的引导按钮。我正在尝试使用寻呼机选项来实现这一点。下面只是其中一个选项的快速示例,以及我希望 javascript 执行的操作。我似乎无法让它做任何事情,如果我向它添加按钮类,则对齐完全进入锅!谢谢

html 是:

<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">   
<ul class="pager">
  <li class="previous"><a href="#">Back</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>
</div>

当点击任何一个按钮时我想运行的 javascript 是:-

$(document).ready(function() 
   $('#next').on('click', function() 
      $('#box1').hide(); 
      $('#box2').show();
   )
);

【问题讨论】:

【参考方案1】:

您正在将点击处理程序添加到 id 为 next 的元素,但在您的 html 中,next 是一个类名。

把你的 js 改成 -

$(document).ready(function() 
   $('.next').on('click', function() 
      $('#box1').hide(); 
      $('#box2').show();
   )
);

【讨论】:

【参考方案2】:

这样试试;

<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-
    xs-offset-1">   
    <ul class="pager">
    <li id="previous" class="previous"><a href="#">Back</a></li>
    <li id="next" class="next"><a href="#">Next</a></li>
    </ul>
</div>




 $(document).ready(function() 
    $('#previous').on('click', function() 
        $('#box2').hide(); 
        $('#box1').show();
    );

    $('#next').on('click', function() 
        $('#box1').hide(); 
        $('#box2').show();
    ); );

【讨论】:

以上是关于引导寻呼机 onclick 事件的主要内容,如果未能解决你的问题,请参考以下文章

在引导模式 ONCLICK 事件中显示动态内容

GWT SimplePager - 获取不正确的寻呼机索引 onclick 的 LastButton

PagerAdapter onclick 方法

带有 Bootstrap 的按钮 OnClick 事件在 iOS 上不起作用

如何将变量传递给动态创建的 javascript onclick 函数? [关闭]

Onclick on view pager in android 在我的代码中不起作用