结果是:http://unidrones.co.za/PixieStudio/quotations.php
简单地说,我先是“添加新层”,然后是“删除层”,然后再试着把它添加回来,什么也没发生。下面是涉及到的两个JavaScript函数:
/*Remove Tier on Button Click*/
$(".button").click(function(){
$(this).parent().find('select').prop('selectedIndex',0); //erase prices for this tier
$(this).parent().hide();
updateHandler();
});
/*Add New Tier on Button Click*/
$('#tier2, #tier3, #tier4, #tier5, #tier6').hide();
var count = 2, countMax = 6;
function addtier() {
if(count > countMax) {
return;
}
$('#tier' + count + '').fadeIn(1000);
count++;
}
HTML (缩写):
<div id="tier2">
<button type="button" class="button">Remove</button>
...
</div>
<div id="tier3">
<button type="button" class="button">Remove</button>
...
</div>
<div id="tier4">
<button type="button" class="button">Remove</button>
...
</div>
我不确定如何准确地解释这个问题。如果您转到该链接并尝试添加/删除层,您可能会理解。
为什么在我删除这些层之后,它们不会重新出现?
发布于 2018-06-11 03:53:06
这里有另一种方法,它只使用CSS选择器,不需要跟踪显示了多少(因为这在DOM中是隐含的)。(对您的id
和类进行了一些修改,因此这可能不适合您现有的代码)
$(function() {
$('#hide').click( function() { $('.tier:not(:hidden)').last().hide() });
$('#show').click( function() { $('.tier:hidden').first().show() });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tier">One</div>
<div class="tier">Two</div>
<div class="tier">Three</div>
<div class="tier">Four</div>
<div class="tier">Five</div>
<div class="tier">Six</div>
<button id="hide" type="button">hide</button>
<button id="show" type="button">show</button>
https://stackoverflow.com/questions/50778996
复制相似问题