Azazello77
Полезный
- Регистрация
- 16 Май 2015
- Сообщения
- 213
- Реакции
- 16
- Автор темы
- #1
подскажите, как реализовать, или, возможно, модуль..
Follow along with the video below to see how to install our site as a web app on your home screen.
Примечание: This feature may not be available in some browsers.
Для начала подскажите версию и шаблон, вообще в 90% случаев реализуемо подправлением кода без модуля, а вообще эта функция есть почти в каждом шаблонеподскажите, как реализовать, или, возможно, модуль..
$(document).ready(function(){
var quantityIn = $('input[name="quantity"]'),
pL = $('<span />', {
text: ' -- ',
style: 'font-size:14px;cursor:pointer',
click: function(){
var a = ~~quantityIn.val() || 0;
a = a > 1 ? a - 1 : 1;
quantityIn.val(a);
}
}),
mI = $('<span />', {
text: ' + ',
style: 'font-size:14px;cursor:pointer',
click: function(){
var a = ~~quantityIn.val() || 0;
quantityIn.val(++a);
}
});
quantityIn.before(pL).after(mI);
});
Вот скрипт. Сам создаст элементы плюс и минус и добавит один перед, а другой после поля.HTML:$(document).ready(function(){ var quantityIn = $('input[name="quantity"]'), pL = $('<span />', { text: ' -- ', style: 'font-size:14px;cursor:pointer', click: function(){ var a = ~~quantityIn.val() || 0; a = a > 1 ? a - 1 : 1; quantityIn.val(a); } }), mI = $('<span />', { text: ' + ', style: 'font-size:14px;cursor:pointer', click: function(){ var a = ~~quantityIn.val() || 0; quantityIn.val(++a); } }); quantityIn.before(pL).after(mI); });
<script type="text/javascript">
$(document).ready(function(){
var quantityIn = $('input[name="quantity"]'),
pL = $('<div />', {
text: ' - ',
class: 'bminus',
click: function(){
var a = ~~quantityIn.val() || 0;
a = a > 1 ? a - 1 : 1;
quantityIn.val(a);
}
}),
mI = $('<div />', {
text: ' + ',
class: 'bplus',
click: function(){
var a = ~~quantityIn.val() || 0;
quantityIn.val(++a);
}
});
quantityIn.before(pL).after(mI);
});
</script>
.bminus, .bplus{
padding: 5px !important;
margin: 0 5px 10px !important;
background-color: #1F93BF;
border:1px solid #DDD !important;
font-size: 16px !important;
font-weight:900;
color: #FFF;
cursor:pointer;
width:25px;
text-align:center;
display: inline-block !important;
}