Question

我正在尝试使用jquery在div上加载和删除外部html文件，它适用于删除，但它必须加载回内容时不起作用。这里是html：

        <nav id="select-car">
         <div id="gamma">
         </div>
         <div id="arrows" class="arrow-right"></div>
        </nav>

这里是jquery：

$('#gamma').load('nav-gamma.html');
    $("#arrows").click(function(){
     $('#arrows').toggleClass('arrow-left arrow-right');
     if ($('#gamma').html().length>0){$('#gamma ul').remove();}
     if ($('#gamma').html().length<=0){ $('#gamma').load('nav-gamma.html');}
    });

知道它是如何工作的吗？谢谢

Answer 1

这就是你要找的东西。放入＆lt; div＆gt;时要小心和＆lt; / div＆gt;并尝试使用长度（空格，制表符也是添加到长度的字符。在这里工作：https://plnkr.co/edit/5XJO2lp02zhbUAdKR22y

的Javascript

$('#gamma').load('nav-gamma.html');
$("#arrows").click(function(){
 $('#arrows').toggleClass('arrow-left arrow-right');
 if ($('#gamma').html().length>0)
  {
    $('#gamma ul').remove();
  } 
 else if($('#gamma').html().length<=0)
 {
   $('#gamma').load('nav-gamma.html');

 }
});

HTML

<div id="gamma"></div>

Answer 2

我尝试了不同的方法：

    setTimeout( function(){$('#gamma h3').toggleClass('visible not-visible');} , 500);
    setTimeout( function(){$('#gamma').toggleClass('closed1');},500);

使用jquery加载和删除html内容div

2 个答案: