jQuery步進器不會觸發更改功能

我想在輸入字段更改時切換提交按鈕的可見性。jQuery步進器不會觸發更改功能

由於Firefox5不支持HTML5輸入type="number"，因此我使用stepper jQuery plugin。

提交按鈕最初是隱藏的，當對包括步進器在內的任何表單域進行更改時，應顯示提交按鈕，但當我更改數字時，不會觸發更改事件。

在Chrome提供type="number"字段的默認情況下正常工作

HAML

.form-actions.hide{ 
    :style => 'border-top: none; 
    border-bottom: solid 1px; 
    border-bottom-color: #08C;' 
} 
%button#submit{ 
    :type => "submit", 
    :class => 'btn btn-primary', 
    :style => 'margin-top: -28px;' 
} Submit

的JavaScript

if(BrowserDetect.browser == "Firefox"){ 
    $('#count').stepper(); 
} 
$('#manage form input[type!=submit], select').change(function() { 
    $('#manage form .form-actions').show(); 
});

來源

2013-05-04 M.R

顯示代碼，並鏈接到插件或進行jsfiddle.net檢測的數量

function hasNumber() { var inp = document.createElement("input"); inp.setAttribute("type", "number"); return inp.type !== "text"; }

支持。例如，這一個有一個onstep https://github.com/xFlatlinex/Numeric-Stepper – mplungjan 2013-05-04 04:57:44

我用同樣的js – 2013-05-04 05:03:02

哈姆碼頂部對齊按鈕 – 2013-05-06 04:48:53

這是不是最佳的檢測瀏覽器。相反，然後根據文檔需要

function changeField() { 
    $('#manage form .form-actions').show(); 
} 
$(function() { 
    if (!hasNumber()) { 
    $('#manage form input[type!=submit], select').change(changeField); 
    $('#count').stepper({ 
     onStep: function(val, up) { 
     changeField(); 
     } 
    }); 
    } 
});

來源

2013-05-04 05:06:38 mplungjan

仍然無法正常工作 – 2013-05-04 05:21:07

這是非信息。查看控制檯中是否有錯誤？添加提醒。它會觸發嗎？ – mplungjan 2013-05-04 06:32:22

它的作品非常感謝你 – 2013-05-04 07:00:03

jQuery步進器不會觸發更改功能

回答

相關問題