Question

我想在按下按钮时显示一些文字，这很简单，但它对我不起作用:(。这是我的HTML代码：

<div id="form">
    <form>
        <input type="text" />
        <input type="button" value="Buscar" id="search" />
    </form>
</div>
<div id="contenido">some content</div>

这是我的JS代码：

$(document).ready(function(){
    $('#contenido').hide();
    $("#search").on('click', function(e){
        mostrar();
    });

});

    var mostrar=function(e){
        $("#contenido").show(2500);
    }

Answer 1

你尝试过html（）而不是show（）吗？另外，尝试放入相同的范围

Answer 2

应该在同一范围内：

$(document).ready(function(){
    $('#contenido').hide();
    $("#search").on('click', function(e){
        mostrar();
    });

    function mostrar(e){
      $("#contenido").show(2500);
    }
});

Answer 3

它对我有用here

你的html中有<script src="jquery.js"></script>吗？

Answer 4

改变这个：

var mostrar=function(e) {
    $("#contenido").show(2500);
}

为此：

function mostrar(e) {
    $("#contenido").show(2500);
}

或将var声明移至顶部！

Answer 5

这有效：

<script>
$(document).ready(function(){
$('#contenido').hide();
$("#search").click('click', function(e){
    mostrar();
});

var mostrar=function(e){
    $("#contenido").show(2500);
}
});


</script>

如果您没有，请添加对js的引用;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Answer 6

将.on（）函数更改为.bind（），它将起作用。

从jQuery 1.7开始，on（）方法是新的替代品 bind（），live（）和delegate（）方法。这种方法带来了很多 API的一致性，我们建议您使用此方法，如它简化了jQuery代码库。

检查你的jQuery版本并确保它是最新的.. :)
同时，Happy Coding

jquery点击不使用按钮

6 个答案: