0

Rails アプリにシンプルなモーダルJavaScript ライブラリを追加したい

Webページで、すべてのjsファイルが正常にロードされました

<script src="/assets/simple-modal/mootools-core-1.3.1.js?body=1" type="text/javascript"></script>
<script src="/assets/simple-modal/mootools-more-1.3.1.1.js?body=1" type="text/javascript"></script>
<script src="/assets/simple-modal/simple-modal.js?body=1" type="text/javascript"></script>

コーヒーに次のようなイベントを追加しようとしました:

$(document).ready ->
  $("#batch a.accept").live 'click', ->
    SM = new SimpleModal(btn_ok: "Alert button")
    SM.show
      title: "Title"
      contents: "Your message..."

firebugコンソールでこのコードを使用すると、

TypeError: $("simple-modal").getElement is not a function

マニュアルのようにjavascriptでイベントを追加しようとすると:

window.addEvent("domready", function(e){
/* Alert */
$("#batch a.accept").addEvent("click", function(e){
  e.stop();
  var SM = new SimpleModal({"btn_ok":"Alert button"});
      SM.show({
        "title":"Alert Modal Title",
        "contents":"Lorem ipsum dolor sit amet..."
      });
});
});

このエラーが発生しました：

TypeError: $("#batch a.accept").addEvent is not a function

私に何ができる？

4

1 に答える 1

0

スクリプト リストの先頭に jquery を追加してみてください

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/assets/simple-modal/mootools-core-1.3.1.js?body=1" type="text/javascript"></script>
<script src="/assets/simple-modal/mootools-more-1.3.1.1.js?body=1" type="text/javascript"></script>
<script src="/assets/simple-modal/simple-modal.js?body=1" type="text/javascript"></script>
于 2012-11-12T07:50:16.187 に答える