休息片刻后返回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';
});
});
任何帮助都会很棒
它不喜欢onclick之一。变成:
.on("click", function(){});
代替
.onclick(function(){})
如果您想按照自己的方式去做,那就去做吧
.click(function(){});
类似地,您的CSS标签对于jquery是错误的。
使用:
$(item).css({display:"block"}); //instead
这是一个小提琴。http://jsfiddle.net/qMsm2/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句