Question

我的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="portal" style="width:50px;height:50px;background:black" data-target="whatever"></div>

<script>
$('.portal').mouseover({
    console.log($(this).attr('data-target') + ' = zzz');
});
</script>

JSFiddle：https://jsfiddle.net/an2og43t/

当我运行此代码时，我得到一个Unexpected token . SyntaxError。有什么想法吗？

谢谢！

Answer 1

Mouseover takes an event handler

.mouseover（处理程序）

你的功能应该是这样的

$('.portal').mouseover(function(){
    console.log($(this).attr('data-target') + ' = zzz');
});

$('.portal').mouseover(function(){
    alert($(this).attr('data-target') + ' = zzz');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="portal" style="width:50px;height:50px;background:black" data-target="whatever"></div>

Answer 2

错过功能（）

$( ".portal" ).mouseover(function() {
 console.log($(this).attr('data-target') + ' = zzz');
});

jsfiddle

Answer 3

这是因为您没有提供回调函数，而是传递了一个对象。代码应该是：

$('.portal').mouseover(function(){
    console.log($(this).attr('data-target') + ' = zzz');
});

jquery mouseover - 意外令牌

3 个答案: