#javascript #java #jquery #spring-mvc #toggle
#javascript #java #jquery #spring-mvc #переключение
Вопрос:
Я хочу, чтобы страница перезагружалась после переключения переключателя обратно на JSP с данными:
<input type="checkbox" class="expander" id="toggle"
data-on="Portfolio" data-off="Topology" checked
data-toggle="toggle" data-onstyle="success">
</div>
Jquery:
$(document).ready(function() {
var count = 0;
$('#toggle').change(function() {
if (this.checked)
$('#project-list-area').fadeIn('slow'),
$('#topology').fadeOut('slow');
count ;
if (count === 2)
window.location.reload;
else
$('#topology').fadeIn('slow'),
$('#project-list-area').fadeOut('slow');
});
});
Ответ №1:
Вам нужно использовать скобки для вашего if
и else if
больше, чем на 1 строку.
Также window.location.reload()
это метод, поэтому вам нужны круглые скобки.
$(document).ready(function() {
var count = 0;
$('#toggle').change(function() {
if (this.checked){
$('#project-list-area').fadeIn('slow'),
$('#topology').fadeOut('slow');
count ;
}
if (count === 2)
window.location.reload();
else{
$('#topology').fadeIn('slow'),
$('#project-list-area').fadeOut('slow');
}
});
});
немного почистил, проверьте toggleFade()
:
$(document).ready(function() {
var count = 0;
$('#toggle').change(function() {
if (this.checked) count ;
if (count === 2) window.location.reload();
$('#topology').fadeToggle('slow'),
$('#project-list-area').fadeToggle('slow');
});
});
Ответ №2:
Пользователь if ($(this).prop(«проверено»)) вместо if (this.checked) и window .location.reload(); является методом
$(document).ready(function () {
var count = 0;
$('#toggle').change(function () {
if ($(this).prop("checked")) {
$('#project-list-area').fadeIn('slow'),
$('#topology').fadeOut('slow');
}
count ;
if (count === 2)
window.location.reload();
else {
$('#topology').fadeIn('slow'),
$('#project-list-area').fadeOut('slow');
}
});
});
Комментарии:
1. почему ($(this).prop(«проверено»)) вместо if (this.checked) ?