jQuery代码似乎没有回应

我知道这可能似乎经常有人问...但有时你在你束手无策无法辨认出了什么错误。像下面的代码一样。 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>

CSS

<style type="text/css"> 
.options ul li{listing-style-type:none;display:inline;margin:5px;margin-bottom:3px;background- color:purple;color:white;padding:5px;border-radius:5px;} 
#buyform,#sellform,#rentform{display:none} 
#buy,#sell,#rent{cursor:pointer;} 
</style>

HTML

<div class="topsearchbox"> 
<div class="options"> 
    <ul><li id="buy">Buy</li><li id="sell">Sell</li><li id="rent">Rent</li></ul> 
</div> 
</div> 

<div class="form"> 
<div class="formchange"> 

    <div id="buyform"> 
     <form name="searchform" action="" method="POST"> 
     <label class="formlabel">Property</label> 
     <select><option></option></select><select><option></option></select><select><option></option></select> 
     <input type="submit" name="formsubmit"> 
     </form> 
    </div> 

    <div id="sellform"> 
     <form name="searchform" action="" method="POST"> 
     <label class="formlabel">Property</label> 
     <select><option></option></select><select><option></option></select><select><option></option></select> 
     <input type="submit" name="formsubmit"> 
     </form> 
    </div> 

    <div id="rentform"> 
     <form name="searchform" action="" method="POST"> 
     <label class="formlabel">Property</label> 
     <select><option></option></select><select><option></option></select><select><option></option></select> 
     <input type="submit" name="formsubmit"> 
     </form> 
    </div> 
</div> 
</div>

很想知道我做错了！

来源

2014-04-12 user3526204

当你正在测试这是在'.html'文件中，你只是双击？没有协议的URL只在从Web服务器访问文件（通过http或https）时才起作用。 –

_似乎不起作用._ - 简洁，准确且完全无用。解释应该发生什么以及实际发生了什么。在浏览器控制台上包含任何错误消息。 –

@Jason。我在本地machine.And测试PHP文件 – user3526204

有2个原因都是很容易解决。

在脚本declairation你有

<script type="javascript/text">这应该是<script type="text/javascript">
您关闭了jQuery文档准备功能顺序错误你有

)};应该});

享受

来源

2014-04-12 07:49:24

2.嗯，你从哪里看到的？ –

@ h.coates。万分感谢！我之前通过编辑更新了括号。但是，“文本/ JavaScript”似乎伎俩！ – user3526204

你根本不需要写'type'元素。只使用'

添加你的代码里面<script> ..code..</script>

尝试这种方式

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

DEMO

来源

2014-04-12 07:44:26

这很有效，Sridhar。但我仍然感到困惑，什么是错我的代码.. – user3526204

@ user3526204添加你的代码里面'' –

此致也绝对一个不错的选择，但因为我不是太jQuery的经历，我需要知道我的查询发生了什么错误。我得到了答案。感谢你的回答。不知道我是否可以在这里标记多个答案。 – user3526204

您的脚本块在包围和类型中都有错误。以下是解决方案。

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

来源

2014-04-12 07:53:25

谢谢。你的回答也是对的。我已经接受h.coates的答案，这是一样的。不知道我是否被允许将多个答案标记为正确答案。 – user3526204

是的，您可以将多个答案标记为正确答案。 –

不能，Dotnet。当我标记一个时，另一个标记消失！ – user3526204

jQuery代码似乎没有回应

回答

相关问题