Javascript，为什么我的onclick函数不能正常工作

长时间休息后返回JavaScript，我无法使其工作。我必须做的事情真的很愚蠢，因为它适用于HTML文件中的按钮附加onclick（''），而不是当我尝试在script.js中执行时.jsJavascript，为什么我的onclick函数不能正常工作

我试图包含所有内容这应该是必要的，但如果我错过了一些让我知道的东西。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"</script> 
<script type="text/javascript" src="script.js"></script> 


<div class="application"> 
    <button type="button" class="solution" id="webSolution"> 
     <p> 
    Website Solutions 
    </p> 
</button> 
<button type="button" class="solution" id="mobileSolution"> 
    <p> 
    Mobile Solutions 
    </p> 
</button> 
</div> 

<div class="mobileSolutionDetails"> 
<h3> 
Mobile Solution 
</h3> 
price details 
</div> 
<div class="webSolutionDetails"> 
<h3> 
Website Solution 
</h3> 
price details 
</div>

和我的javascript

$(document).ready(function() { 
$('#webSolution').onclick(function() { 

    alert('webSolution'); 
    $('.webSolutionDetails').style.display = 'block'; 
    $('.mobileSolutionDetails').style.display = 'none'; 

}); 

$('#mobileSolution').onclick(function() { 

    alert('Hey!'); 
    $('.mobileSolutionDetails').style.display = 'block'; 
    $('.webSolutionDetails').style.display = 'none'; 

}); 
});

任何帮助将是巨大的

来源

2014-01-07 Master Zangetsu

在您的示例中，您在jquery打开脚本标记末尾缺少一个右括号。 –

它不喜欢的onclick的一个。变更为：中

.on("click", function(){});

代替

.onclick(function(){})

，如果你想要做你的方式，你想在一个类似的说明做

.click(function(){});

，你的CSS标签是错误的为jquery。

使用：

$(item).css({display:"block"}); //instead

这里是一个小提琴。 http://jsfiddle.net/qMsm2/

来源

2014-01-07 14:49:48 Fallenreaper

谢谢，有几个人到了那里，但你也简单地解释了一下。只要它让我接受 –

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="script.js"></script>

脚本必须来jquery.min.js后，否则$不会当您尝试使用它来定义。您还错过了jQuery脚本标记中的末尾>。

来源

2014-01-07 14:45:48

jquery使用“click”作为函数。

http://api.jquery.com/click/

你应该使用这样的：

$('#webSolution').click(function() { 

});

检查此琴：http://jsfiddle.net/4CNML/

来源

2014-01-07 14:48:21 arpad

有两种写法。

有了。对（这已成为它似乎是最常用的手段）

$('#mobileSolution').on('click', function() { 
    alert('Hey!'); 
    $('.mobileSolutionDetails')..css({display: 'block'}); 
    $('.webSolutionDetails').css({display: 'none'}); 
});

或用。点击

$('#mobileSolution').click(function() { 
    alert('Hey!'); 
    $('.mobileSolutionDetails').css({display: 'none'}); 
    $('.webSolutionDetails').css({display: 'none'}); 
});

而且，你使用jQuery，因为.style是无效的。使用.css就像我上面做的那样。

来源

2014-01-07 14:50:01 CRABOLO

Javascript，为什么我的onclick函数不能正常工作

回答

相关问题