2013-12-18 4 views
0

Здравствуйте, я хотел бы создать простую страницу с использованием Backbone с средой eclipse. Я хочу создать все файлы отдельно. как файл html отдельно и шаблон (hogan) отдельно и основной файл отдельно. Когда я это сделал, страницы не отображаются.простая страница с основой с использованием eclipse

Я создал все файлы отдельно в разных папках. я хочу, чтобы вызвать шаблон в моих магистральных страницах и сделать его на страницу HTML ..

мой HTMLPage является

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8" content-type:application/javascript> 
<title>Welcome</title> 
</head> 
<body> 
<h1>Welcome</h1> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js" type="text/javascript"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js" type="text/javascript"></script> 
    <script type="text/template" src = "js/templ" id ="search_template" ></script> 
    <script src = "js/1.js"></script> 
    <div id = "search_container"></div> 
</body> 
</html> 

моей страница Позвоночника

/** 
* New node file 
*/ 
    SearchView = Backbone.View.extend({ 
     initialize: function(){ 
     this.render(); 
     }, 
    render: function(){ 
     // Compile the template using underscore 
      var template = _.template($("#search_template").html(), {} 
     ); 
     // Load the compiled HTML into the Backbone "el" 
      this.$el.html(template); 
    } 
}); 
    var search_view = new SearchView({ el: $("#search_container") }); 

моей страница шаблона

<script type="text/html" id="search_template"> 
<label>Search</label> 
<input type="text" id="search_input" /> 
<input type="button" id="search_button" value="Search" /> 
</script> 
+0

1) В чем проблема? 2) для разработки JavaScript лучше использовать Jetbrains WebStorm или Netbeans. Похоже, Eclipse - не лучшее решение. – hgoebl

ответ

0

Вы не можете включать шаблоны, как вы можете, с помощью скриптов. Таким образом, ваша страница шаблона никогда не будет включена в html-страницу и $ ("# search_template"). Html() никогда не найдет шаблон для использования.

Это потому, что использование взлома. Средство просмотра страниц не распознает тип = «текст/html» и молча игнорирует его. В то же время элемент отображается в DOM, и к нему можно получить доступ с помощью селектора.

Если вы хотите сохранить ваши JavaScript шаблонов в отдельных файлах у вас есть несколько вариантов:

  1. Использования шаблонных в любой стороне сервер языке вы используете (т.е. в термосе с Джинджей это будет что-то вроде:

{% include "js/templ.html" %}

  1. Делают асинхронный GET (используя JQuery f.ex для извлечения шаблона

  2. Использование require.js с текстом расширения

+0

Я пробовал код с помощью GET .. но я постоянно получаю ошибки для этого. пожалуйста, можете включить коды, используя метод GET для вышеуказанного кода? –

Смежные вопросы