在文本框旁边添加一个按钮

Question

当你缩小浏览器窗口时，你会看到一个不同的布局，用于iphone布局... 如何在搜索文本框旁边添加按钮.... 这里的问题是我我得到的JS文本框中... 不知道如何让JS按钮....

提供以下

http://jsfiddle.net/bz2C4/11/

<script type="text/javascript" > 
$(document).ready(function() { 
    $('#inventoryTable').dataTable({ 
     "bFilter": true, 
     "bLengthChange": false, 
     //"bJQueryUI": true, 
     "bSort": false, 
     "iDisplayLength": 20, 
     "sPaginationType": "full_numbers" 
    }); 
    $('.dataTables_length').remove(); 
    $('.dataTables_info').remove(); 
    $('.dataTables_filter').css("text-align", "center"); 

    $(function() { 
     var search = $('.dataTables_filter').detach(); 
     $('.page-title').before(search); 
     search.css('margin-left','0'); 

     var div = $('.dataTables_filter'); 
       var start = $(div).offset().top; 

       $.event.add(window, "scroll", function() { 
        var p = $(window).scrollTop(); 
        $(div).css('position', ((p) > start) ? 'fixed' : 'static'); 
        $(div).css('top', ((p) > start) ? '0px' : ''); 
       }); 
    }); 
}); 
</script> 

Answer 1

我的代码，如果这是你想要的看到：JsFiddle？ ...css('position', 'fixed') 只是使位置固定。如果您希望根据滚动更改定位，则只需使用其他示例的事件侦听器。