Javascript JQuery滑块更改事件未在ROR中触发_Javascript_Jquery_Ruby On Rails

Javascript JQuery滑块更改事件未在ROR中触发

javascript jquery ruby-on-rails

Javascript JQuery滑块更改事件未在ROR中触发,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,我在Rails ERB页面上有一个简单的JQuery滑块。我正试图得到一个警告，在变化时开火，但它只是没有发生不管它值多少钱，滑块都可以工作我已将此代码放在home.html.erb中谁能告诉我哪里出了问题 <html> <head> <style media="screen" type="text/css"> h1 { font-family: Helvetica, Arial; font-weight: bold; f

我在Rails ERB页面上有一个简单的JQuery滑块。我正试图得到一个警告，在变化时开火，但它只是没有发生

不管它值多少钱，滑块都可以工作

我已将此代码放在home.html.erb中

谁能告诉我哪里出了问题

<html>
<head>
  <style media="screen" type="text/css">
  h1 {
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 18px;
  }
  body, p {
    font-family: Helvetica, Arial;
  }
  </style>

  <!-- Load jQuery and jQuery UI -->
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <!-- Load the jQuery UI CSS -->
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />


  <!-- jQuery UI Slider code -->
  <script>

  // When the browser is ready...
  $(function() {

    // Create a new jQuery UI Slider element
    // and set some default parameters.
    $( "#slider" ).slider({
      range: "min",
      value: 50,
      min: 20,
      max: 300,
      slide: function( event, ui ) {

        // While sliding, update the value in the #amount div element
        $( "#amount" ).html( ui.value );

      },
      change: function (event, data) {
        alert(data.value)
    }

    });


    // Set the initial slider amount in the #amount div element
    var value = $( "#slider" ).slider( "value" );
    $( "#amount" ).html( value );

  });

  </script>

</head>
<body>

  <!--  The div that is used as the slider container  -->
  <div id="slider" style="margin-top:100px;"></div>

  <br /><br /><br />

  <!--  The div that is used to display the slider value  -->
  <div id="amount" style="color:#777;font-size:72px;text-align:center;"></div>

</body>


h1{
字体系列：Helvetica，Arial；
字体大小：粗体；
字号：18px；
}
身体，p{
字体系列：Helvetica，Arial；
}
//当浏览器准备就绪时。。。
$（函数（）{
//创建一个新的jQuery UI滑块元素
//并设置一些默认参数。
$（“#滑块”）.滑块({
射程：“分钟”，
价值：50，
民:20,，
最高：300，
幻灯片：功能（事件、用户界面）{
//滑动时，更新#amount div元素中的值
$（“#金额”）.html（ui.value）；
},
更改：功能（事件、数据）{
警报（data.value）
}
});
//在#amount div元素中设置初始滑块金额
var值=$（“#滑块”）.滑块（“值”）；
$（“#金额”）.html（价值）；
});

对我有用：奇怪。它在我的家用机器上对我有效。也许这是Ubuntu下Chrome的一个问题。