gpt4 book ai didi

javascript - 在 rails 上初始化应用程序 css 和 javascript 标签时,不显示完整日历标题工具栏按钮

转载 作者:技术小花猫 更新时间:2023-10-29 11:47:32 26 4
gpt4 key购买 nike

我想在我的 Rails 元素上运行完整日历。我正在按照 https://github.com/bokmann/fullcalendar-rails 中的步骤操作但我有一个错误。

日历只在这个 View 中正确显示 http://fullcalendar.io/js/fullcalendar-2.2.6/demos/basic-views.html当我像这样从我的 application.html.erb 页面调用所有内容时

<!DOCTYPE html>
<html>
<head>

<title>LetsScheduleComMy</title>
<%= csrf_meta_tags %>
<meta charset='utf-8' />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta content="05DB4EB1125C9BB77659AD0ADC8E0BAC" name="msvalidate.01">
<link href='/assets/fullcalendar.css' rel='stylesheet' />
<link href='/assets/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/assets/moment.min.js'></script>
<script src='/assets/jquery.min.js'></script>
<script src='/assets/fullcalendar.min.js'></script>
<script>
$(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
}

});
});
</script>
</head>
<body>
<%= yield %>

</body>
</html>

但是每当我尝试让它以动态 rails 方式运行时,它都无法正常运行。所以在我的 application.js 文件中

//= require jquery
//= require moment.min
//= require jquery.min
//= require fullcalendar.min
//= require_tree .

在我的 application.css.scss 文件中

 *= require_tree 
*= require_self

在我的 application.html.erb 文件中

<!DOCTYPE html>
<html>
<head>
<title>LetsScheduleComMy</title>
<%= stylesheet_link_tag 'application', media: 'all'%>
<%= javascript_include_tag 'application'%>
<%= csrf_meta_tags %>
<meta charset='utf-8' />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta content="05DB4EB1125C9BB77659AD0ADC8E0BAC" name="msvalidate.01">

<script>
$(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
}

});
});
</script>
</head>
<body>
<%= yield %>

</body>
</html>

请注意,这里唯一的区别是我已将所需的 css 和 javascript 文件放入我的 application.js 和 application.css 文件中,并按照 rails 的建议在我的 application.html.erb 文件中添加了 javascript nd 样式表标签。但是似乎 fullcalendar 不接受 rails 的实现方式。

有什么可以做的吗?

谢谢

最佳答案

尝试删除 fullcalendar.print.css... 它为我解决了这个问题。

关于javascript - 在 rails 上初始化应用程序 css 和 javascript 标签时,不显示完整日历标题工具栏按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28198933/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com