javascript - 为什么我不能使用 jQuery.click() 定位 li 元素？

Question

我有这个html:

<ul id="ul_places_list"> 
  <li data-placesCode="6">  
    <a class="places_dtl" href="#">  
      <div>  
        <img src="http://dev.mysite.it/images/9_1418893365.jpg">  
      </div>  
      <label>Coming Out</label>  
    </a>   
  </li>
  <li data-placesCode="8">  
    <a class="places_dtl" href="#">  
      <div>  
        <img src="http://dev.mysite.it/images/9_1418893594.jpg">  
      </div>  
      <label>Friends</label>  
    </a>   
  </li>
</ul> 

和这个 JavaScript

$(document).delegate('a','click',function(){//used to switch page
    console.log('delegate executed');
    var a = $(this);
    if(a.attr('href') != '#'){
        event.preventDefault();
        toPage(a.attr('href'));
    }
});
$(document).ready(function(){
    $('#ul_places_list li').click(function(){
        var code = $(this).attr('data-placesCode');
        console.log('code is: ' +code);
    });
});

问题是，当我单击列表元素时，仅会触发该元素上的委托(delegate)单击，而不是“li”元素上的事件。“li”元素是在 Ajax 调用后添加的。
发生什么事了？我错过了什么？

Answer 1

这个)};就是问题所在。应该是这个 });.

    $(document).delegate('a','click',function(){//used to switch page
	    console.log('delegate executed');
	    var a = $(this);
	    if(a.attr('href') != '#'){
		    event.preventDefault();
		    toPage(a.attr('href'));
	    }
    });
    $(document).ready(function(){
        $('#ul_places_list li').click(function(){
		    var code = $(this).attr('data-placesCode');
		    console.log('code is: ' +code);
	    });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<ul id="ul_places_list"> 
      <li data-placesCode="6">  
        <a class="places_dtl" href="#">  
          <div>  
            <img src="http://dev.mysite.it/images/9_1418893365.jpg">  
          </div>  
          <label>Coming Out</label>  
        </a>   
      </li>
      <li data-placesCode="8">  
        <a class="places_dtl" href="#">  
          <div>  
            <img src="http://dev.mysite.it/images/9_1418893594.jpg">  
          </div>  
          <label>Friends</label>  
        </a>   
      </li>
    </ul>