文章/答案/技术大牛

发布

社区首页 >问答首页 >如何解决Rails-3中有关jquery的错误

问如何解决Rails-3中有关jquery的错误
EN

Stack Overflow用户

提问于 2015-03-23 14:03:19

回答 1查看 218关注 0票数 0

我得到一个问题，当一些jquery脚本链接在Rails application.html.erb file.Actually中执行时，我试图打开日历，而用户将使用第三方jquery库点击文本字段。在页面加载后，它不会像那样发生，也没有rails错误，但在控制台选项中，我得到了以下错误。

Uncaught TypeError: Cannot read property 'createPlugin' of undefined

我认为上面的错误是由于页面没有找到通过application.html.erb中的链接给出的适当的脚本文件，但通过使用简单的超文本标记语言和JS，它工作正常。

我的一些代码如下所示。

application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>MakeCalender</title>
  <link href="/assets/jquery.datepick.css" rel="stylesheet">
  <script src="/assets/jquery.plugin.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="/assets/jquery.datepick.js"></script>
 <script src="/assets/common.js"></script>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
<% if flash[:color]=="valid" %>
    <div class="flash-message">
      <div class="container container_12 clearfix">
        <div class="grid_12">
          <p><%=flash[:notice]%></p>
        </div>
      </div>
    </div>
<% elsif flash[:color]== "invalid"%>
    <div class="flash-message">
      <div class="container container_12 clearfix">
        <div class="grid_12">
          <p><%=flash[:alert]%></p>
        </div>
      </div>
    </div>
<% else %>
    <div class="flash-message">
      <div class="container container_12 clearfix">
        <div class="grid_12">
          <p><%=flash[:notice]%></p>
        </div>
      </div>
    </div>
<% end %>
<%= yield %>

</body>
</html>

视图/日历/index.html.erb

<%= form_for :calenders,:url => {:action => 'create'} do |f| %>
Enter Your Date :<%= f.text_field :date_today,placeholder:"Please enter your date",:id => "popupDatepicker" %>
<%=  f.submit "Submit" %>
<% end %>

javascript/common.js

$(function() {
    console.log('datepick');
    $('#popupDatepicker').datepick();
});

请检查代码后帮我解决这个问题。

javascript

jquery

ruby

ruby-on-rails-3

回答 1

Stack Overflow用户

发布于 2015-03-23 14:08:42

在使用任何其他jquery插件或库之前，您需要在顶部包含核心jQuery库。请按照以下顺序在代码中包含您的jQuery库-

<!--This should be on top of any other jquery library or plugin-->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--Include rest of your plugins-->
<script src="/assets/jquery.plugin.js"></script>
 <script src="/assets/jquery.datepick.js"></script>
 <script src="/assets/common.js"></script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29204096

复制

相似问题

问如何解决Rails-3中有关jquery的错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决Rails-3中有关jquery的错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决Rails-3中有关jquery的错误
EN