Ruby on Rails-使用JavaScript / jQuery到Haml

Question

我正在嘗試在Ruby on Rails應用程序中實現這一點。 唯一不起作用的是Javascript代碼。 我已經嘗試過％script和：javascript。 但是由於某種原因，它無法加載。 當我將鼠標懸停在單選按鈕上時，它什么也沒有顯示。

Javascript / jQuery（來自jsfiddle）：

$(document).ready(function(){

$('#container').on('mouseenter', '#radiobtn', showBox);
$('#container').on('mouseleave', '#radiobtn', hideBox);

function showBox(e){
    var x = e.pageX + 20;
    var y = e.pageY + 20;
$('#hoverbox').fadeIn();
$('#hoverbox').offset({ left: x, top: y });
}
});

function hideBox(){
$('#hoverbox').fadeOut();
}

示例： http ： //jsfiddle.net/wrN2u/387/

自己的Javascript文件：

:javascript
 $(document).ready(function(){
  $('#container1').on('mouseenter', '#radiobtn', showBox);
  $('#container1').on('mouseleave', '#radiobtn', hideBox);

  function showBox(e){
    var x = e.pageX + 20;
    var y = e.pageY + 20;
    $('#hoverbox').fadeIn();
    $('#hoverbox').offset({ left: x, top: y });
  }
 });

function hideBox(){
$('#hoverbox').fadeOut();
}

HAML：

!!!
 %html
  %head
   = javascript_include_tag 'options.js'

    #container1
      %input{:name => "optradio", :type => "radio", :id => "radiobtn"}option1
      #hoverbox
    #container2
      %input{:name => "optradio", :type => "radio", :id => "radiobtn"}option2
      #hoverbox2

Answer 1

這個問題可能對您有幫助。 另外我在您的js小提琴中注意到Javascript沒有縮進。 如果使用的是HAML，則縮進至關重要。 確保您的JS從：javascript之后第二行的第一個縮進開始

:javascript
  $(document).ready( function() {
    alert('working');
  } );

或者。 如果您嘗試將JS 文件包含在HAML中，則需要

= javascript_include_tag "my_js"

從這里 。

另外，如果這沒有幫助。 查看您的HAML文件將非常有幫助。