rjs 中的一些记下免的忘了

最新推荐文章于 2025-11-02 12:47:47 发布

原创最新推荐文章于 2025-11-02 12:47:47 发布 · 205 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #UP #prototype #HTML #ViewUI

rails 专栏收录该内容

12 篇文章

订阅专栏

本文介绍 JRails 中实现动态页面效果的方法，包括插入 HTML、隐藏元素、延迟执行等操作，并展示了如何使用 jQuery 选择器及调用自定义方法。

有能不全

常用效果

page.insert_html :bottom, "list", "<li>hello</li>"

page.visual_effect :highlight, "list"

page.hide "list"

page.remove "list"

page.replace "id", :partial => "template"

page.replace_html "id", :partial => "template"

page.toggle "id(s)"

在jrails中还有

page.jquery_id(id)

page.jquery_ids(*id) eg.page.jquery_ids(["body","div"]) => "#body,#div"

page.delay(3) do

page.hide "list"

end

page.call "my"

page << "alert('JavaScript with Prototype.');"

page.alert("hello word")

  page['blank_slate']                  # => $('blank_slate');
  page['blank_slate'].show             # => $('blank_slate').show();
  page['blank_slate'].show('first').up # => $('blank_slate').show('first').up();

page.call 'Element.replace', 'my_element', "My content to replace with."

  # Generates: alert('My message!')
  page.call 'alert', 'My message!'

  # Generates:
  #     my_method(function() {
  #       $("one").show();
  #       $("two").hide();
  #    });
  page.call(:my_method) do |p|
     p[:one].show
     p[:two].hide
  end

page.redirect_to(:action => 'index')

  page.select('p')                      # => $$('p');
  page.select('p.welcome b').first      # => $$('p.welcome b').first();
  page.select('p.welcome b').first.hide # => $$('p.welcome b').first().hide();