从数字键盘中删除显示和消失功能

时间:2013-09-17 10:05:11

标签: javascript jquery jsfiddle

使用JSfiddle我在网上发现我正在显示数字小键盘。当用户点击输入按钮时,ATM键盘会出现并消失。

我想从脚本代码中删除此功能,允许键盘始终可见,但我不确定从代码中删除哪个部分:

 <script>
    $(document).ready(function () {
        $('#myInput').click(function () {
            $('#n_keypad').fadeToggle('fast');
        });
        $('.done').click(function () {
            $('#n_keypad').hide('fast');
        });
        $('.numero').click(function () {
            if (!isNaN($('#myInput').val())) {
                if (parseInt($('#myInput').val()) == 0) {
                    $('#myInput').val($(this).text());
                } else {
                    $('#myInput').val($('#myInput').val() + $(this).text());
                }
            }
        });
        $('.neg').click(function () {
            if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
                if (parseInt($('#myInput').val()) > 0) {
                    $('#myInput').val(parseInt($('#myInput').val()) - 1);
                }
            }
        });
        $('.pos').click(function () {
            if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
                $('#myInput').val(parseInt($('#myInput').val()) + 1);
            }
        });
        $('.del').click(function () {
            $('#myInput').val($('#myInput').val().substring(0, $('#myInput').val().length - 1));
        });
        $('.clear').click(function () {
            $('#myInput').val('');
        });
        $('.zero').click(function () {
            if (!isNaN($('#myInput').val())) {
                if (parseInt($('#myInput').val()) != 0) {
                    $('#myInput').val($('#myInput').val() + $(this).text());
                }
            }
        });
    });
</script>

更新 此外,键盘出现在左侧,如何将其与右侧对齐。我在代码中没有看到任何引脚对齐?

1 个答案:

答案 0 :(得分:2)

如果你创造一个小提琴,它会更容易帮助。从它的外观来看,似乎是这些线

$('#n_keypad').fadeToggle('fast');
});
$('.done').click(function () {
            $('#n_keypad').hide('fast');
});

我认为使用CSS完成对齐。你必须提供标记或创建一个小提琴。