div上的onclick事件无法正常工作

时间:2017-06-03 20:56:20

标签: javascript jquery

这是我的代码:

$ pip list | grep mod
mod-wsgi (4.5.15)
mod-wsgi-httpd (2.4.23.2)

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

我尝试添加.click(函数(evt)但它不能正常工作

如果有人有任何想法

谢谢和问候

3 个答案:

答案 0 :(得分:4)

div中没有​​内容,因此无法点击它。添加一些内容,或通过css / style属性设置其宽度和高度

答案 1 :(得分:1)

当声明事件时,div尚未声明,因此它不存在。你可以使用

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

或者只是使用类fbb

移动div之后的click事件

答案 2 :(得分:1)

三个问题 - 首先如前所述 - 您在.fbb div中没有​​内容,因此不容易看到您点击的内容。我添加了一些文字 - "点击这里"确保点击位置明显。第二 - jQuery的源URL不正确 - 你有HTTP: - 它需要HTTPS:第三 - 你需要将jQuery包装在$(document).ready包装器中,或者将函数移动到页面的末尾,这样它在页面的其余部分呈现后可用。



.fbb{
  cursor:pointer
}

<script type="text/javascript" src="https://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" ;
};

$(document).ready(function(){
  $('.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"> fbb div - Click Here
  <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>
&#13;
&#13;
&#13;