Я хочу применить маску к некоторым элементам ввода, когда она получает фокус с плагином jquery.maskMoney.Однако, когда он получает фокус, маски там нет.
КОД
brewer.js (ПРИМЕЧАНИЕ. .Js-decimal toприменить maskMoney во входных элементах и .js-plain к целым числам)
$(function() {
var decimnal = $('.js-decimal');
decimal.maskMoney();
var plain = $('.js-plain');
plain.maskMoney({ precision: 0 });
});
CadastroCerveja.html
<!DOCTYPE html>
<html lang="pt" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="'layout/LayoutPadrao'">
<body>
<form method="POST" th:object="${cerveja}" class="form-vertical js-form-loading">
<div class="row">
<div class="col-sm-3 form-group">
<label for="preco">Preço</label>
<div class="input-group">
<input id="preco" type="text" class="form-control js-decimal"/>
</div>
</div>
</div>
</form>
</body>
</html>
LayoutPadrao.html
<!DOCTYPE html>
<html lang="pt" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Brewer</title>
<link rel="stylesheet" type="text/css" th:href="@{/layout/stylesheets/vendors.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/layout/stylesheets/algaworks.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/layout/stylesheets/application.css}"/>
</head>
<body>
...
<script th:src="@{/layout/javascripts/vendors.min.js}"></script>
<script th:src="@{/layout/javascripts/algaworks.min.js}"></script>
<script th:src="@{/javascripts/vendors/jquery.maskMoney.min.js}"></script>
<script th:src="@{/javascripts/brewer.js}"></script>
</body>
</html>
Проводник пакетов
