客户端禁用p：spinner中的手动输入无效

Question

我正在使用PrimeFaces <p:spinner>，我希望通过将微调器的<input>标记设置为只读来禁用手动输入。我试图通过使用jQuery实现它：

• $('.ui-spinner-input').prop('readonly', true);
• $('#dtProduct:spinnerQty').prop('readonly', true);
• $('#dtProduct:spinnerQty_input').prop('readonly', true);

不属于上述作品。我也尝试通过标签名称选择它并循环通过它：

$("input").each(function() 
{
    alert("");
    if($(this).hasClass("ui-spinner-input")) {
    alert("");
    }
});

既不起作用，也不警告任何东西。我确信我的jQuery正在使用this technique。

以下是Google Chrome中元素源代码的屏幕截图

我的班级名称和身份证看起来是正确的，但它根本不起作用，任何想法？

Answer 1

它适用于以下代码：

$(document).ready(function() {
    disableInput();
});

function disableInput()
{
    $('.ui-spinner-input').bind("keydown", function(event) {
        event.preventDefault();
    });

    $('.ui-spinner-input').focus(function() {
        $(this).blur();
    });
}

$(document).ready(function() {});是原因。在所有DOM准备就绪后，将加载此正文中的函数。