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

时间:2013-04-02 23:09:28

标签: javascript jquery html css jquery-ui

当您缩小浏览器窗口时,您将看到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>

1 个答案:

答案 0 :(得分:0)

如果这是您想看到的内容:JsFiddle...css('position', 'fixed') 刚刚确定了这个职位。如果你想根据滚动改变定位, 只需使用另一个例子的事件监听器。