onclick事件在单击时未运行命名函数

时间:2015-07-05 08:24:46

标签: javascript

我期待FBLogin onclick运行以下查询,但注意到正在发生。我错过了哪些意味着这不能按预期工作?

我认为这是我的onlick事件的一个问题,而不是函数本身。

var paused;

setInterval(onInterval, 1000);

$img.on("mouseover", function () {

    // on mouseover 'pause' the interval
    paused = true;
})
.on("mouseout", function () {

    // on mouseout 'unpause' it
    paused = false;
});

function onInterval () {

    // if paused do nothing
    if(paused) return;

    // do regular interval stuff here

}

功能

<a href="#" onclick="FBLogin();" 
role="button" class="btn btn-successFbLi btn-lg fa fa-facebook"</i> 
Sign in with Facebook</a></button><br>

1 个答案:

答案 0 :(得分:0)

您提供的代码出错。

  • 错误的锚标记
  • 额外结束标记(<i><button>

我在代码中做出的重大改变:

  • 已移除onclick属性
  • 在javascript中添加了事件监听器

以下是fiddle

以下是摘录。

&#13;
&#13;
function FBLogin() {
  //Fb app information//
  alert("WORKING");
  window.fbAsyncInit = function() {
    Parse.FacebookUtils.init({
      appId: 'xxxxxxxxx',
      xfbml: true,
      version: 'v2.3'
    });

    //rest of function here etc//


  }
}

document.getElementById('login').addEventListener("click", FBLogin);
&#13;
<a id='login' href="#" role="button" class="btn btn-successFbLi btn-lg fa fa-facebook">
Sign in with Facebook</a>
&#13;
&#13;
&#13;

有关事件监听器的更多信息here