將引導程序模板添加到MeteorJS

我從我的MeteorJS應用程序中使用的引導程序主題爲https://wrapbootstrap.com/。問題是它有腳本標籤，如：將引導程序模板添加到MeteorJS

<!--[if !lte IE 6]><!--> 
    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local --> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
    <script>window.jQuery || document.write('<script src="js/libs/jquery.min.js"><\/script>')</script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <script>window.jQuery.ui || document.write('<script src="js/libs/jquery.ui.min.js"><\/script>')</script> 

    script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></scrip> 
                        <!-- RECOMMENDED: For (IE6 - IE8) CSS3 pseudo-classes and attribute selectors --> 
    <!--[if lt IE 9]> 
     <script src="js/include/selectivizr.min.js"></script>     
    <![endif]--> 

    <script src="js/libs/jquery.ui.touch-punch.min.js"></script>    <!-- REQUIRED: A small hack that enables the use of touch events on mobile -->

哪些在添加到MeteorJS時不起作用。我知道標籤不起作用，但是如何將這個設計好的頁面轉換爲MeteorJS？

後來編輯：

我增加了script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>以上。所有上述腳本都添加在<body>中。 google.maps庫用於lib/main.js，它不適用於MeteorJS，因爲它會增加ReferenceError。流星以外它工作正常。

有關如何從引導模板添加Google地圖腳本的任何想法？

後來編輯：

引導程序模板有一個lib/main.js文件，該文件是進口的最後一個JavaScript文件。儘管如此，當我將它添加到流星中時，它似乎仍在運行，但它的效果在用戶界面中沒有看到。例如，它執行這一行$(".chzn-select").select2();，但只有當我從控制檯執行它時，我可以看到UI更改。該文件最後由Meteor加載。我也試過

function load_scripts() { 
var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "lib/main.js"; 
    document.body.appendChild(script); 
} 

if (Meteor.is_client) { 
    window.onload = load_scripts; 
}

沒有成功。

來源

2013-03-03 Marius Stroe

這些外部的主題可能與標準的引導兼容包含流星，所以你應該刪除流星的引導包：

刪除默認引導：

meteor remove bootstrap

加入你的主題：

把你的css文件放到你項目的css目錄下，比如說/client/css

放置在/client/lib

JavaScript文件，不要擔心script標籤，或鏈接任何人或任何的主題，流星應該採取所有這些照顧。

此外

流星包括JQuery的默認，所以你不必擔心，包括在您的項目。要如果由於某種奇怪的原因，你添加的jQuery流星的項目可能沒有使用它：

meteor add jquery

的外部API

e.g FB /谷歌Mapis API /跟蹤腳本。像平常一樣將它們添加到您的html文件的<head>部分。

希望你找到所有這一切很酷！

來源

2013-03-03 10:04:16 Akshat

我覺得它很酷:)謝謝你的回答，它部分幫助了我。現在，我堅持使用Google地圖腳本 - 您可以查看更新後的問題。 – 2013-03-03 12:37:06

在你的html文件的''部分添加谷歌地圖api – Akshat 2013-03-03 13:03:02

謝謝Akshat！ – 2013-03-03 14:54:43

將引導程序模板添加到MeteorJS

回答

相關問題