jQuery的代表與IE中的錨點

Question

我有一個網站，在Firefox和Chrome中完美工作，但在IE 8（還沒有嘗試過7）一些.on代表不工作。特別是錨定標籤上使用的那些。

HTML：

<ui id='daylist'> 
     <li><a href="#" class="day-selected"><span>Day </span><span class='number'>1</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>2</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>3</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>4</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>5</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>6</span></a></li> 
     <li><a href="#"><span>Day </span><span class='number'>7</span></a></li> 
    </ui> 

的Javascript：

$('#daylist').on('click', 'a', function(e) { 
     alert('clicked'); 
     pickDay(this); //this isn't important, the alert isn't even happening 
     return false; 
    }); 

我已經包括jQuery的1.7。我的問題是，警報根本不會被調用。但只有在IE

Answer 1

更改您的HTML：

<ul id='daylist'> 
    <li><a href="#" class="day-selected"><span>Day </span><span class='number'>1</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>2</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>3</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>4</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>5</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>6</span></a></li> 
    <li><a href="#"><span>Day </span><span class='number'>7</span></a></li> 
</ul> 

的Internet Explorer多達8個版本不接受未知的HTML標籤（如HTML5標籤）。然而，您可以通過使用一些JavaScript（如HTML5shim或HTML5shiv）來解決此問題（如果需要）。