Trouble выяснить, почему мой всплывающее окно блокируется

Question

Я подготовил эту jsFiddle: http://jsfiddle.net/x9D4c/9/

В принципе, кнопка с FADEOUT обратного вызова вызывает мое всплывающее окно будет заблокирован, а другой без FADEOUT обратного вызова не делает. Что я должен делать/иначе?

Спасибо за помощь!

Ниже код доступен в jsfiddle.

HTML:

<a href="#" id="anchor1">CauseBlock</a> - <a href="#" id="anchor2">Not Cause Block</a> 

<div id="greenDiv" style="background-color: green;">green div</div> 

JS:

// ################################################ 

function causeBlock() { 
    causeBlockInsideFunction(function() { 
     window.open("http://www.google.com/"); 
    }); 
} 

function causeBlockInsideFunction(callback) { 
    $("#greenDiv").fadeOut(function() { 
     callback(); 
    }); 
} 

// ################################################ 

function notCauseBlock() { 
    notCauseBlockInsideFunction(function() { 
     window.open("http://www.google.com/"); 
    });  
} 

function notCauseBlockInsideFunction(callback) { 
    // [...] 
    callback(); 
} 

// ################################################ 

$(document).ready(function() { 
    $("#anchor1").click(function(e) { 
     causeBlock(); 
    }); 
    $("#anchor2").click(function(e) { 
     notCauseBlock(); 
    }); 
}); 

Answer 1

Браузер предотвращает код JS от автоматического открытия всплывающих окон. Это предотвращает наличие страниц, которые автоматически открывают сотни окон. Таким образом, всплывающее открытие ограничено функциями вызовов, которые были вызваны непосредственно некоторым взаимодействием с пользователем (щелчок). Если вы используете анимацию, обратный вызов вызывается из какого-то таймера, который попадает в категорию «автоматический».