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

Question

我对此感到很困惑。我的 jQuery 代码在 .erb 页面上时有效，但在我的 rails 应用程序 instanokia.js 文件中时无效。谁能解释为什么这不起作用？我有一个可以正常工作并在 .ready 上弹出的警报，因此 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();
        }
    })
});