Javascript div上的Onclick事件不工作

这是我的密码：

<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>

函数klikaj（）{
var title=$（'inlineBlock 2tga 3e2a'）.attr（'title'）；
document.getElementById（'log'）.innerHTML+=“”+title+“titi”；
};
$（'.fbb'）。单击（函数（evt）{
警报（'123'）；
});
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.9&appId=132911310473896”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
初始内容

我想在单击fbb div中的所有内容时激活警报（“123”）

我试图添加.click（函数）（evt），但它不起作用

如果有人知道的话

---

感谢并问候

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

div中没有内容，因此无法单击它。要么添加一些内容，要么通过css/style属性设置其宽度和高度声明事件时，尚未声明div，因此它不存在。您可以使用

$(function(){
   $('.fbb').click(function (evt) {
        alert('123');
    });
});

---

或者只需将click事件移动到类为fbb的div之后，在声明事件时，该div尚未声明，因此它不存在。您可以使用

$(function(){
   $('.fbb').click(function (evt) {
        alert('123');
    });
});

---

或者只需将click事件移动到fbb类的div之后三个问题-首先，如前所述-您在.fbb div中没有内容，因此不容易看到您正在单击的内容。我添加了一些文本-“单击此处”确保单击位置明显。第二-jQuery的源URL不正确-您有HTTP:-它需要HTTPS:，第三-您需要将jQuery包装在$（文档）中。准备好包装或将函数移动到页面末尾，以便在页面其余部分呈现后可用

.fbb{
光标：指针
}

函数klikaj（）{
var title=$（'inlineBlock 2tga 3e2a'）.attr（'title'）；
document.getElementById（'log'）.innerHTML+=“”+title+“titi”；
};
$（文档）.ready（函数（）{
$（'.fbb'）。单击（函数（evt）{
警报（“123”）；
});
})
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.9&appId=132911310473896”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
fbb部门-点击这里
初始内容

三个问题-首先，如前所述-您在.fbb div中没有内容，因此不容易看到您正在单击的内容。我添加了一些文本-“单击此处”确保单击位置明显。第二-jQuery的源URL不正确-您有HTTP:-它需要HTTPS:，第三-您需要将jQuery包装在$（文档）中。准备好包装或将函数移动到页面末尾，以便在页面其余部分呈现后可用

.fbb{
光标：指针
}

函数klikaj（）{
var title=$（'inlineBlock 2tga 3e2a'）.attr（'title'）；
document.getElementById（'log'）.innerHTML+=“”+title+“titi”；
};
$（文档）.ready（函数（）{
$（'.fbb'）。单击（函数（evt）{
警报（“123”）；
});
})
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.9&appId=132911310473896”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
fbb部门-点击这里
初始内容

可能在单击时将绑定到元素时尚未加载该元素。请尝试$（function（）{$（'.fbb'）。单击时，function（）{alert（“123”）；}）；可能在单击时将绑定到元素时尚未加载该元素。尝试$（function（）{$（'.fbb'）。单击时，function（）{alert（“123”）；}）；