Modal無法在IE9中運行 - 在打開開發人員工具時，它可以正常工作

Question

我一直試圖讓一個模態工作，它似乎在所有測試的瀏覽器上，除了IE9上的一個問題。 在頁面加載時，模態不起作用。 如果我再打開開發工具並再次關閉它們（甚至只是讓它們保持打開狀態），它就能正常工作。 我怎么能調試這個問題呢？

編輯：這是鏈接： http ： //dev.birddartmouth.co.uk

這是我的代碼。

HTML：

<a href="#" class="item" data-reveal-id="292">
    <img src="http://dev.birddartmouth.co.uk/wp-content/uploads/2013/10/096.jpg" />
</a>

<div id="292" class="reveal-modal">
    <a href="#" class="close-reveal-modal"><i class="close icon close-reveal-modal"></i></a>
    <div class="header">
    Bow tie neck silk overlay top/dress with sequin hem &#8211; cream, grey                                         <p>&#163;0</p>
    </div>
    <div class="content">
        <img src="http://dev.birddartmouth.co.uk/wp-content/uploads/2013/10/096.jpg" />
    </div>
</div>

JS：

$( "a.item" ).click(function( event ) {
  event.preventDefault();
    var elementClicked = "#" + $(this).attr("data-reveal-id");
    console.log(elementClicked);
    $(elementClicked).foundation('reveal', 'open');
});

$( "a.close-reveal-modal" ).click(function( event ) {
  event.preventDefault();
    var openElementClicked = "#" + $(this).parent().attr("id");
    console.log(openElementClicked);
    $(openElementClicked).foundation('reveal', 'close');
});

Answer 1

當控制台未在IE中打開時，console.log會引發錯誤。

注釋掉控制台線或檢查支持

window.console && console.log(elementClicked);

Answer 2

我知道這是一個老線程，但我認為無論如何我都會傳遞這個解決方案。

為了避免IE的問題，正如@epascarello所提到的，我們使用一個名為ltc （log to console）的函數，它位於我們的global.js庫中。

function ltc(what) {
  try {
    console.log(what); 
  } catch(e) {
    return;
  }
}

現在，而不是使用console.log("my message") ，它只是ltc("my message") ;