Question

我在第一个文件中创建了一个包含以下代码的链接：

<script type="text/javascript">
$(document).ready(function() {

$(".add").colorbox();

} );
<script>
<a class="add cboxElement" href="<?php echo base_url();?>product_operation_list/index/<?php echo $row['employee_id'];?>" title="Product Operation List">Click To Assign Operation</a>

打开colorbox，其中包含一个由jquery dataTable插件设计的表。该代码位于其他链接文件中;

$(document).ready(function() {
$('#searchOperationTable').dataTable( {
    "pagingType": "full_numbers"
} ); 

} );

我想通过在另一个文件中使用以下代码将光标设置在dataTable的搜索框中;

$(document).ready(function() {
$('div.dataTables_filter input').focus();
} );

但它不起作用。

Answer 1

似乎问题出在colorbox上，而不是数据表。问题可能与js在正确加载内容之前试图将注意力集中在输入上有关。

您是否尝试将cbox完成事件绑定到焦点功能？

$('.cboxElement').bind('cbox_complete', function(){
        $('div.dataTables_filter input').focus();
});

否则你可以改变这个：

$(".add").colorbox();

用这个：

$(".add").colorbox({ 
  onComplete:function(){ $('div.dataTables_filter input').focus(); }
});

请在此处查看详细信息：https://stackoverflow.com/a/7572692

无法在搜索框

1 个答案: