Question

jquery用resize拖动后，添加的元素会随着拖动的次数增加，但我想要不论怎么拖动只增加一个，怎么做

<script type="text/javascript">
$(function(){
$(window).resize(function() {
if($(window).width() <= 768){
$('div.nav').hide();
var $bar=$("<button class='iconfont icon-sanheng' id='bar'></button>");
$('div.navbar').append($bar);
$("button#bar").click(function(){
$('header').toggleClass('hg',200);
$('div.nav').slideToggle(1000);
});
$('li.site ').hover(function(){
$('header').toggleClass('lg');
});
}
});
})
</script>

Answer 1

if($(window).width() <= 768){
改为
if($(window).width()<=768&&$("button#bar").length==0){

追问

当宽度大于768的时候，怎么删除添加的button按钮

追答

$(function(){
$(window).resize(function() {
if($(window).width()");
$('div.navbar').append($bar);
$("button#bar").click(function(){
$('header').toggleClass('hg',200);
$('div.nav').slideToggle(1000);
});
$('li.site ').hover(function(){
$('header').toggleClass('lg');
});
}
}else{
if($("button#bar").length){
$('button#bar').remove();
$('div.nav').show();
}
}
});
})

追问

这个length后面不写东西吗？

追答

if($("button#bar").length){

相当于
if($("button#bar").length>0){

任何非零值等价于true