METEOR/BLAZE/IRON _Apply css and execute JS after layout loaded failed without error
METEOR/BLAZE/IRON _Apply css and execute JS after layout loaded failed without error
我在使用 Meteor/Blaze/iron 路由器时加载 css 和执行 js 时遇到问题 当使用布局时,如果我想应用样式和执行 js,我应该重新加载页面。
布局html文件
<template name="mainSkell">
{{>topnav}}
<!-- page content -->
<div class="right_col" role="main">
{{>action_menu}}
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-12">
{{>yield}}
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
{{>activity}}
</div>
</div>
</div>
<!-- /page content -->
</template>
路由器js文件
Router.configure({
layoutTemplate: 'mainSkell'
});
Router.route('/', {}, function () {
this.render('mainSkell');
});
Router.route('/Pserver', {name: 'createPserver'}, function () {
this.render('createPserver');
});
Router.route('/Racks', {name: 'createRacks'}, function () {
this.render('createRacks');
});
路由工作有一个问题,css 和自定义 js 在我单击 link 时不起作用。
直接 link 访问的屏幕截图
Pic 1
link 激活时的屏幕截图
Not working css & js Pic 2
现在解决了,解决方法很简单。
:)
只需在模板本身下添加脚本
<template name="mytemp">
<!-- HTML CODE -->
<script src="/build/js/custom.js"></script>
<script src="/build/js/guiaction.js"></script>
</template>
我在使用 Meteor/Blaze/iron 路由器时加载 css 和执行 js 时遇到问题 当使用布局时,如果我想应用样式和执行 js,我应该重新加载页面。
布局html文件
<template name="mainSkell">
{{>topnav}}
<!-- page content -->
<div class="right_col" role="main">
{{>action_menu}}
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-12">
{{>yield}}
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
{{>activity}}
</div>
</div>
</div>
<!-- /page content -->
</template>
路由器js文件
Router.configure({
layoutTemplate: 'mainSkell'
});
Router.route('/', {}, function () {
this.render('mainSkell');
});
Router.route('/Pserver', {name: 'createPserver'}, function () {
this.render('createPserver');
});
Router.route('/Racks', {name: 'createRacks'}, function () {
this.render('createRacks');
});
路由工作有一个问题,css 和自定义 js 在我单击 link 时不起作用。
直接 link 访问的屏幕截图 Pic 1
link 激活时的屏幕截图 Not working css & js Pic 2
现在解决了,解决方法很简单。 :) 只需在模板本身下添加脚本
<template name="mytemp">
<!-- HTML CODE -->
<script src="/build/js/custom.js"></script>
<script src="/build/js/guiaction.js"></script>
</template>