将Javascript集成到我的Rhodes应用程序中

时间:2013-07-25 08:34:28

标签: ruby rhomobile

在我的申请中。 js是一个名为的函数 function helloWorld(){} 我该怎么做才能在模型的index.erb上调用这个函数?

我尝试在application.js

中编写该函数
$("#changePanel").click(function() {
    var data = "foobar";
    $("#panel").hide().html(data).fadeIn('fast');
});

then I change my layout erb. at the following content
<% if System::get_property('platform') == 'APPLE' || System::get_property('platform') == 'ANDROID' || System::get_property('platform') == 'WP7' || is_bb6 || System::get_property('webview_framework') =~ /^WEBKIT/ %>
      <script src="/public/js/application.js" type="text/javascript"></script>
        <script src="/public/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
        <script src="/public/jquery/jquery.json-2.3.min.js" type="text/javascript"></script>

and in my view i added
<div data-role="page">

    <div data-role="header" data-position="inline">
    <h1>Model001s</h1>
    <a href="<%= Rho::RhoConfig.start_path %>" class="ui-btn-left" data-icon="home" data-direction="reverse" <%= "data-ajax='false'" if is_bb6 %>>
      Home
    </a>
    <a href="<%= url_for :action => :new %>" class="ui-btn-right" data-icon="plus">
      New
    </a>
    </div>

      <div id="panel">test data</div>
      <input id="incre" value="Change Panel" type="button">  </div>
</div>

我不知道什么是错的。请帮帮我

1 个答案:

答案 0 :(得分:1)

我没有看到任何#changePanel触发您的点击事件。 我想也许你应该改变:

<input id="incre" value="Change Panel" type="button"> </div>

<input id="changePanel" value="Change Panel" type="button"> </div>