jQuery在Rails应用程序中通过ID获取元素不起作用

Question

我对此非常困惑。我的jQuery代码在.erb页面上有效，但在我的rails app instanokia.js文件中却没有。任何人都可以解释为什么这不起作用？我有一个可以正常工作并弹出的警报。所以jQuery正在加载......

在我的.erb页面上:(有效）

    <div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div id="experiment" value="toggle">
                <p>Hello</p>
            </div>
            <input type="button" id="toggleButton" value="toggle" class="btn btn-primary exp" />
        </div>
    </div>
<script>
    $('#toggleButton').click(function() {
        if ($('#experiment').is(':visible')) {
            $('#experiment').hide();
        } else {
            $('#experiment').show();
        }
    })
</script>

在我的instanokia.js文件中:(不起作用）

$(document).ready (

    alert('working!')

)

$('#toggleButton').click(function() {
    if ($('#experiment').is(':visible')) {
        $('#experiment').hide();
    } else {
        $('#experiment').show();
    }
})

Answer 1

需要

$(document).ready(function(){

    alert('working!');

    $('#toggleButton').click(function() {
        if ($('#experiment').is(':visible')) {
            $('#experiment').hide();
        } else {
            $('#experiment').show();
        }
    })
});