0

我正在重新使用 Rails(已经有几年了),所以我很确定我只是错过了一些简单的东西。但这也可能是我对 JavaScript 在 Rails 中的工作方式缺乏了解。

我想我的观点(在haml中)设置正确。我已将 javascript 添加到我确定包含在布局中的文件中。(而且 css 看起来是正确的。)我只是没有让 javascript 函数(我在网上找到的幻灯片)连接到视图。我正在尝试使用%body{ :onload => setUpslideShow() }

这是我的看法:

%body{ :onload => setUpSlideShow() }

%script{type: 'text/javascript'}
  if ( ! window.CMFmainmenu ) { CMFmainmenu = {}; }
  var s                   = CMFmainmenu;
  s.user_id               = "#{@user.id.to_s}";
  s.partial_mainmenu_path = "/users/" + s.user_id + "/xx/mainmenu";
  s.add_new_senior        = "#{UsersController::ADD_NEW_SENIOR}"
  s.add_new_senior_path   = "#{new_seniors_settings_path(@locale,@user,@senior)}"

#mainmenu

... (edited out to save space) ...

 #slideshow.greenBorder
        #slides
          = image_tag '/assets/newlook/div_1_img.png', class: 'slide'
          %p
            Everyone loves photo albums.
            Get your user ready to brag, and
            populate and arrange albums by
            event, special people, year or any
            category you can imagine.
            =link_to "Learn how.", ''
          = image_tag '/assets/newlook/div_2_img.png', class: 'slide'
          %p
            If typing is difficult for your
            loved one, remove the frustration
            of a typed response. They can
            respond with a voice message, or
            with auto replies that you set up.
            =link_to "Learn how.", ''
          = image_tag '/assets/newlook/div_3_img.png', class: 'slide'
          %p
            Arms too short? You can specify
            the minimum font size used for
            your user's email.
            =link_to "Learn how.", ''
        #slides-controls
          1
          2
          3

这是我的javascript:

if (! window.CMFuser) { CMFuser = {}; }

$(function() {

    var s = CMFuser;

... (edited out to save space) ...

       // slideshow

       slidePrefix            = "slide-";
       slideControlPrefix     = "slide-control-";
       slideHighlightClass    = "highlight";
       slidesContainerID      = "slides";
       slidesControlsID       = "slides-controls";

       setUpSlideShow =  function()
       {
... lots of code that doesn't get called so I'm leaving it out to save space ...

这就是我认为布局中的相关行:= javascript_include_tag "lib/modernizr-2.0.6.min", "lib/respond.min","application", "users"其中“用户”是javascript文件。当我注释掉 时 %body{ :onload => setUpslideShow() },javascript 文件出现在 html 源代码中。

错误的全文:

NoMethodError in Users#mainmenu

Showing /opt/cmf/app/views/users/mainmenu.html.haml where line #4 raised:

undefined method `setUpSlideShow' for #<#<Class:0x007fe054fa0a28>:0x007fe05594ae20>
Extracted source (around line #4):

2: - # users/mainmenu
3: 
4: %body{ :onload => setUpSlideShow() }

谢谢

4

1 回答 1

0

的值不应该:onload是一个字符串吗?

%body{ :onload => 'setUpSlideShow()' }

毕竟,您确实想生成这个 HTML,对吗?

<body onload="setUpSideShow()">
于 2012-10-19T04:09:48.547 回答