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