Javascript，为什么我的 onclick 函数不起作用

Question

在长时间休息后返回 JavaScript，但我无法让它工作。我一定做了一件非常愚蠢的事情，因为它可以在 HTML 文件中附加到按钮的 onclick('') 上正常工作，但当我尝试在 script.js 中执行此操作时却无法正常工作

我已尝试包含所有需要的内容，但如果我遗漏了某些内容，请告诉我。

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

});
});

任何帮助都会很棒

Answer 1

它不喜欢onclick。更改为:

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

而不是

.onclick(function(){})

如果你想按照自己的方式去做，你就会愿意这样做

.click(function(){});

类似地，你的 CSS 标签对于 jquery 来说是错误的。

用途:

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

这是一个 fiddle 。 http://jsfiddle.net/qMsm2/