带有动态加载内容的简单jquery if语句

Question

我想div'.container'只有在div'#ajax中有内容时才可点击。我编写了以下基本的jquery脚本。

if ('#ajax:empty') {
    $('.container').css('pointer-events', 'none');
}

页面加载时效果很好，'。container'不可点击。但是，当用户加载AJAX内容时，“。container”仍然无法点击。

Answer 1

你的通话成功，你将不得不撤回反向风格

$.ajax({
   url: "url",
   sucess: function(){  $('.container').css('pointer-events', 'auto');

Answer 2

喜欢这个

$('.container').click(function(e){
      if($("#ajax").html().length == 0){
            //Disable pointer events
            e.preventDefault();
      }
});

Answer 3

参考：https://api.jquery.com/jQuery.ajax/

实施例

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" ); // write what you need after user loads the ajax content
});