Javascript jquery代码似乎没有响应

我知道这似乎是经常被问到的问题……但有时你会不知所措，看不出哪里出了问题。就像下面的代码。jquery似乎不起作用

谢谢你的帮助

Jquery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script type="javascript/text">
$(document).ready(function(){
$('#buy').click(function(){$('#buyform').fadeIn('fast');});
$('#sell').click(function(){$('#sellform').fadeIn('fast');});
$('#rent').click(function(){$('#rentform').fadeIn('fast');});
});
</script>

$（文档）.ready（函数（）{
$（'buy'）。单击（function（）{$（'buyform'）。fadeIn（'fast'）；}）；
$（'sell'）。单击（function（）{$（'sellform'）。fadeIn（'fast'）；}）；
$（'rent'）。单击（function（）{$（'rentform'）。fadeIn（'fast'）；}）；
});

CSS

.options ul li{列表样式类型：无；显示：内联；边距：5px；边距底部：3px；背景颜色：紫色；颜色：白色；填充：5px；边框半径：5px；}
#buyform、#sellform、#rentform{display:none}
#买、卖、租{光标：指针；}

HTML

buy
sell
rent

财产
财产
财产

我很想知道我做错了什么

在

中添加代码。代码..

这样试试

<div class="options">
        <ul>
            <li id="buy" data-div="buyform">Buy</li>
            <li id="sell" data-div="sellform">Sell</li>
            <li id="rent" data-div="rentform">Rent</li>
        </ul>
</div>

---

有两个原因都很容易解决

在你的剧本中，你有

这应该是

您以错误的顺序关闭jQuery document ready函数

）}应该是
}）

---

享受

您的脚本块在括号和类型中都有错误。下面是解决方案

    <script type="text/javascript">
$(document).ready(function(){
$('#buy').click(function(){$('#buyform').fadeIn('fast');});
$('#sell').click(function(){$('#sellform').fadeIn('fast');});
$('#rent').click(function(){$('#rentform').fadeIn('fast');});
});
</script>

$（文档）.ready（函数（）{
$（'buy'）。单击（function（）{$（'buyform'）。fadeIn（'fast'）；}）；
$（'sell'）。单击（function（）{$（'sellform'）。fadeIn（'fast'）；}）；
$（'rent'）。单击（function（）{$（'rentform'）。fadeIn（'fast'）；}）；
});

当您在测试时，您是否只需双击

.html

文件？只有从web服务器（通过http或https）访问文件时，无协议URL才起作用。-简洁、准确、毫无用处。解释应该发生的事情和实际发生的事情。在浏览器控制台上包含任何错误消息。@Jason。我在本地机器上测试。还有一个PHPfile@mike，sellform、buyform和rentform div需要在单击时淡入，但不需要happen@jason同样的条件也来自服务器。@user3526204将您的代码添加到

中。您的代码。

当然也是一个不错的选择，但我对jquery不是很有经验，我需要知道我的问题到底出在哪里。我得到了答案。谢谢你的回答。不知道我是否可以在这里标记多个答案。@user3526204很乐意帮助；-）2.嗯，你在哪里看到的？@h.coates。非常感谢！我之前通过编辑更新了括号。但是“text/javascript”似乎成功了！您根本不需要编写

类型
元素。只使用
，它是完全有效的，并且是推荐的。这是一个很好的建议。我会遵守的。应该有助于阻止意外错误，如本例中的错误。@user3526204，删除type属性仅在HTML 5中有效，请记住，当您想要实现向后兼容性时，请使用它。谢谢。你的回答也是对的。我已经接受了h.coates同样的回答。不知道我是否可以将多个答案标记为正确答案。是的，你可以将多个答案标记为正确答案。不能，Dotnet。当我标记一个标记时，另一个标记就消失了！哦，对不起，我检查了一下，发现只有一个解决方案可以标记为答案。但如果你认为我的解决方案正确且有用，你可以投票支持它。谢谢
<div class="options">
        <ul>
            <li id="buy" data-div="buyform">Buy</li>
            <li id="sell" data-div="sellform">Sell</li>
            <li id="rent" data-div="rentform">Rent</li>
        </ul>
</div>

$(document).ready(function () {
    $('.options ul li').click(function () {
        var con = $(this).data('div');
        $('#' + con).fadeIn('slow').siblings('div').fadeOut('slow')
    });
});

    <script type="text/javascript">
$(document).ready(function(){
$('#buy').click(function(){$('#buyform').fadeIn('fast');});
$('#sell').click(function(){$('#sellform').fadeIn('fast');});
$('#rent').click(function(){$('#rentform').fadeIn('fast');});
});
</script>