私は Modernizr とWebshimsを使用して、そのオプションをまだサポートしていないブラウザーで type="number" タイプを使用できるようにしています。正常に動作しますが、jQuery を使用して数値入力フィールドの値にアクセスするのに問題があります [使用しているコードをすぐに共有します]。
Chrome (ポリフィルは必要ありません) では、val() を使用して値を取得できます。Firefox (ポリフィルが必要) では、webshim ポリフィルを使用しない場合でも値を取得できます。
ただし、webshims を使用すると、値を取得できなくなります。
私が使用しているコードは次のとおりです。
タグの前に、次のものがあります。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://localhost/bp2/wp-content/themes/method/custom/js/modernizr.custom.65840.js"> </script>
<script src="http://localhost/bp2/wp-content/themes/method/custom/js/webshims/polyfiller.js"> </script>
<script>
jQuery.webshims.polyfill('forms forms-ext');
jQuery(document).ready(function($) {
$('select, input', window.parent.document).change(function() {
var test = $('#test135').val();
console.log(test135);
}).trigger('change');
});
</script>
また、コンテンツ セクションに次の内容を追加しました。
<input id="test" type="number" placeholder="Test2" max="360" min="0" step="30">
これを機能させる方法はありますか？