Question

我有以下简单的javascript代码，我写了滚动条款和条件textarea和滚动达到条款和条件的结尾textarea它应该启用接受复选框，其工作在铬但不在ff和即请帮助

javascript代码：

    $('#blogger_agreement').bind('scroll', function()
   { alert('hiii');
     if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)
       { 
          $('#TermsOfService').removeAttr('disabled');
       }
    });

html：

<div class="control-group">
<label class="control-label"><br/>

</label>
<div class="controls">
<textarea name="blogger_agreement"  id="blogger_agreement" class="deadline_date"  rows="15" cols="15" style="resize: none;background-color:white; overflow-y: scroll; height: 350px;" disabled >
<?php 
$file_handle = fopen(FOLDER_PATH_HTTP."terms_and_conditions.html", "r");
while (!feof($file_handle)) 
{
   echo fgetss($file_handle);
}
fclose($file_handle);
 ?>
</textarea>
</div>
</div>

<div class="control-group">
    <label class="control-label">
        <input id="TermsOfService" type="checkbox" name="TermsOfService"  required="required" disabled="true" />

    </label>
    <div class="controls">
        <div style="width:90%;float:left;margin-top:5px;">I Accept the Terms and Conditions of The Motherhood.</div>
    </div>
</div>

Answer 1

来自jQuery 1.7 on是附加事件处理程序的首选方法：

$('#blogger_agreement').on('scroll', function()

即使这样，也应该有效。查看适用于Chrome 33和Firefox 28的 fiddle - 调用警报。

然后查看与您类似的 this fiddle ，但更改文字。两者都适用于Chrome和Firefox（至少它们适用于我）。

您使用的是哪个版本的jQuery，Chrome和Firefox？

.bind（）无法在firefox中运行

1 个答案: