jQuery .load content then .toggle без аякс-запросов

Question

У меня есть кнопка. Когда я нажимаю на него содержимое загружается. Когда я нажимаю на него после переключения содержимого (display: none). Но он все равно отправляет запросы ajax.

Как проверить Если загрузка была загружена, чтобы начать переключение без аякс-запросов?

<div id="morechan"> 
    <a id="btnC" href="#" title="Kanalu saraksts"><i class="icon-caret-down"></i></a> 
</div> 
<div id="channel-list"> 
</div><!-- end channel-list --> 

(function($) { 
    $("#btnC").click(function() { 
    $('#channel-list').html('loading...').load('channels.html'); 
    }); 
})(jQuery); 

Answer 1

Я хотел бы предложить установки атрибута данных и тестирования для него и предотвратить нагрузку, если он не установлен

$("#btnC").click(function() { 
    if(typeof($('#channel-list').data("contentLoaded")) != "undefined") { 
     //Do toggle code here. 
     return; 
    } else { 
     //Do load code here. 
     $('#channel-list').load("http://www.someurl.com",function() { 
      $(this).data("contentLoaded",true); 
     }); 
    } 
}); 

Установите contentLoaded в false, когда/если необходимости перезагрузить содержание и проверить, если его true или false в событии click.

var contentLoaded = $('#channel-list').data("contentLoaded"); 
if(typeof(contentLoaded) != "undefined" && contentLoaded) { 
    //Do toggle code here. 
    return; 
}