输入类型按钮在表tds中不起作用

时间:2017-03-30 04:50:12

标签: jquery html button html-table

我指的是这个fiddlepost,但这并不能解决我的问题。由于我使用了CSP,因此onclick属性不起作用,因此我使用jQuery .on('点击')来完成此操作,但仍然没有满意的结果。 以下是我的代码结构(仅包含与此问题相关的代码): -

HTML

<td><input value="Resend" class="btn btn-primary btn-xs" id="resend_sms" name="resend_sms" type="button"></td>

脚本

$(function(){
            $('#resend_sms').on('click', function(e){
                console.log('clicked');
            });
        });

以上是相关的代码。为了您的注意,这部分html是由服务器端脚本生成的。再次,我重新测试了这个人,但点击后仍然没有结果。

2 个答案:

答案 0 :(得分:1)

工作正常。我刚刚将jquery文件添加到您的代码中

&#13;
&#13;
$(function() {
  $('#resend_sms').on('click', function(e) {
    console.log('clicked');
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><input value="Resend" class="btn btn-primary btn-xs" id="resend_sms" name="resend_sms" type="button"></td>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

如果你的html部分是动态生成的,或者它是从服务器端脚本生成的:

然后使用它:

       $(function(){
            $(document).on('click','#resend_sms', function(e){
                console.log('clicked');
            });
        });

这样可行。