Метаморфы искажают CSS в представлениях Ember.js

Я использую Ember.js/handlebars для циклического просмотра коллекции и выдачи некоторых элементов, которые я бы хотел, чтобы загрузчик обрабатывал хорошо и отзывчиво. Вот в чем проблема:

CSS, реагирующий на загрузку, имеет некоторые объявления, такие как:

.row-fluid > [class*="span"]:first-child {
    margin-left: 0;
 }

и

.row-fluid:before, .row-fluid:after {
    display: table;
content: "";
}

Эти правила, похоже, нацелены на первых детей. Когда я перебираю свою коллекцию в руле, я получаю кучу метаморфного кода вокруг своих предметов:

{{#each restaurantList}} {{view GS.vHomePageRestList content=this class="span6"}} {{/each}}

Вот что получается:

My View
My View 2

Итак, мой вопрос таков: 1. Как я могу заставить CSS игнорировать теги script? или 2. Как отредактировать привязки css, чтобы они пропускали теги script при выборе первого или первого потомка? или 3. Как мне структурировать это так, чтобы Ember использовал меньше тегов metamorph или вообще не использовал их?

Вот скрипт: http://jsfiddle.net/skilesare/SgwsJ/

6
задан Austin Fatheree 27 March 2012 в 05:25
поделиться