javascript - div 上的 Onclick 事件不起作用

Question

这是我的代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script> 
function klikaj() {
var title = $('inlineBlock _2tga _3e2a').attr('title');
document.getElementById('log').innerHTML += " "+ title + "titi" ;
};
$('.fbb').click(function (evt) {
 alert('123');
});
</script>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=132911310473896";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  <!-- Load Facebook SDK for JavaScript -->
<div class="fbb">
  <div id="fb-root"></div>



  <!-- Your like button code -->
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="true" ></div>
</div>
<div id="log">initial content</div>

我想在单击 fbb div 中的所有内容时激活警报('123')。

我尝试添加 .click(function (evt) 但它不起作用

如果有人有任何想法

感谢和问候

Answer 1

div 中没有内容，因此无法单击它。要么添加一些内容，要么通过 css/style 属性设置其宽度和高度