标签: jquery-ui-spinner

jQuery UI Spinner - 能够通过键盘超过"max"

我们遇到了jQuery UI微调器的问题.当我们在微调器上设置最大值时,使用微调器按钮时不可能超过此最大值.但是使用键盘我们可以去任何数字.

http://jsfiddle.net/Uygt2/

我们需要允许用户使用键盘.在jQuery UI中是否有针对此的标准解决方案?

正如你可以在这个(http://jsfiddle.net/Uygt2/4/)中看到Rab Nawaz更新的小提琴,blur总是被调用,这导致我们的逻辑运行两次.

jquery jquery-ui jquery-ui-spinner

6
推荐指数
1
解决办法
4468
查看次数

Jquery UI Spinner - 禁用键盘输入

我试图找到离开用户使用键盘通过jquery ui微调器输入值.我有几个微调器,并希望它只允许用户使用向上和向下箭头来增加或减少值.

香港专业教育学院试图围绕stackoverflow和google似乎找不到有效的东西.

所以我举例如下并输入如下:

<input type="text" class="spinner" value="10"/>
Run Code Online (Sandbox Code Playgroud)

并像这样初始化微调器:

$(".spinner").spinner();
Run Code Online (Sandbox Code Playgroud)

然后尝试禁用按键,如下所示:

$(".spinner").unbind("keypress");
Run Code Online (Sandbox Code Playgroud)

它仍然允许键盘输入.有谁知道这样做?下面是我一直在测试的JSBin文件:http://jsbin.com/ujajab/1/edit

jquery-ui jquery-ui-spinner

6
推荐指数
2
解决办法
9306
查看次数

jQuery UI Spinner宽度

我在我的页面中使用jQuery UI微调器,现在需要响应,因此提出了动态调整jQuery UI微调器宽度的挑战.

有谁知道有任何方法可以做到这一点?

HTML

<input type="text" id="myspinner" style="width: 50px" />
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$(function(){ 
    $("#myspinner").spinner(); 
});
Run Code Online (Sandbox Code Playgroud)

css jquery-ui width jquery-ui-spinner

5
推荐指数
1
解决办法
8631
查看次数

jQuery Spinner:非数值

我正在使用jQuery Spinner,设置了min(0)和max(500)值.我该怎么做才能防止用户在输入框中直接输入非数值(或0-500范围之外的值)?当用户使用微调按钮时,最小值和最大值有效,但在输入表单中输入内容时则不起作用.

javascript jquery jquery-ui-spinner

3
推荐指数
1
解决办法
6104
查看次数

如何在 Ajax 调用中添加 UI 旋转器?

我想在 Ajax 调用上显示加载微调器。我试过spin.js库,但它没有 \xe2\x80\x99 工作。这是我的 JavaScript 函数,它使用 Ajax 调用。

\n\n
function sendRequest() {\n    $.ajax({\n            url: \'/spinner\',\n            type: \'get\',\n            contentType: "application/json",\n            success: function (resp) {\n                $(\'#spinner\').append(resp.data);\n                console.log(resp.data);\n            },\n            error: function (){\n                console.log("Oops!");\n            }\n        }\n    );\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

我的 HTML 代码:

\n\n
<html>\n<head>\n    <link type="text/css" rel="stylesheet" href="../resources/css/style.css"/>\n    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">\n    <script type="text/javascript" charset="utf-8" src="../resources/js/jquery.js"></script>\n    <script type="text/javascript" charset="utf-8" src="../resources/js/send.js"></script>\n    <script type="text/javascript" charset="utf-8" src="../resources/js/jquery.spin.js"></script>\n    <script type="text/javascript" charset="utf-8" src="../resources/js/spin.js"></script>\n</head>\n<body>\n    <button id="butt" class="pure-button pure-button-primary" onclick="sendRequest()">Press me!</button>\n    <div id="spinner">Greeting!</div>\n</body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

-CSS-

\n\n
#spinner {\n    text-align: center;\n …
Run Code Online (Sandbox Code Playgroud)

javascript spinner jquery-ui-spinner

3
推荐指数
1
解决办法
8813
查看次数

将HTML值拉入Javascript变量

我有一个包含多列的表,其中一列是复选框.每当选中它时,它会在表格的右侧显示另一个列单元格,并使用向上/向下微调器来设置值.

我遇到的问题是我不能让微调器超过我所拥有的数量列中的数字.所以我需要将相应行中Quantity列的当前值拉入javascript变量,并将其与我的微调器函数一起使用.我已经能够使用值,getElementById但只获取表中的第一个值,并且不适用于表中的任何其他值.我一直在努力,getElementsByClassName但没有运气.

我怎么能成功地做到这一点?

PHP/HTML:

<table id="merchTable" cellspacing="5" class="sortable">
    <thead>
        <tr class="ui-widget-header">
            <th class="sorttable_nosort"></th>
            <th class="sorttable_nosort">Loc</th>
            <th class="merchRow">Report Code</th>
            <th class="merchRow">SKU</th>
            <th class="merchRow">Special ID</th>
            <th class="merchRow">Description</th>
            <th class="merchRow">Quantity</th>
            <th class="sorttable_nosort">Unit</th>
            <th style="display: none;" class="num">Quantity #</th>
        </tr>
    </thead>
    <tbody>

        <?php foreach ($dbh->query($query) as $row) {?>

        <tr>
            <td class="ui-widget-content"><input type="checkbox" class="check" name="check"></td>
            <td class="loc ui-widget-content" id="loc-<?php echo intval ($row['Loc'])?>"><?php echo $row['Loc'];?></td>
            <td class="rp-code ui-widget-content" align="center" id="rp-code-<?php echo intval ($row['Rp-Code'])?>"><?php echo $row['Rp-Code'];?></td>
            <td class="sku ui-widget-content" id="sku-<?php echo intval ($row['SKU'])?>"><?php echo …
Run Code Online (Sandbox Code Playgroud)

html javascript php jquery jquery-ui-spinner

1
推荐指数
1
解决办法
120
查看次数

标签 统计

jquery-ui-spinner ×6

javascript ×3

jquery ×3

jquery-ui ×3

css ×1

html ×1

php ×1

spinner ×1

width ×1