2013-05-21 65 views
0

我有像這樣如何將不同的類添加到div中的不同元素?

<div id="test1"> 
<a id="hello1"> One</a> 
<a id="hello2"> Two</a> 
<a id="hello3"> Three</a> 
</div> 

我使用模板和Backbone.js的一個div。在呈現我的視圖之前,我想檢查設備是否是iPhone或iPad,因爲我已經擁有該功能。如果它是一個ipad我想爲每個ANCHOR標籤添加單獨的類。即Class1爲hello1,Class2爲hello2等。我只有3個元素。我很新,所以有人可以告訴我如何使用Jquery/Javascript來做到這一點。

如果有任何機會有其他信息,我應該提供請讓我知道。隨着這個,我有一個View.js和一個Routing.js。我試過使用。

$("#hello1").addClass("Class1"); 

但是,這並沒有奏效。任何幫助,將不勝感激。 感謝

編輯 - 這是查看文件

define([ "jquery", "backbone", "baseview", "template" ], function ($, Backbone, BaseView) { 

"use strict"; 

var gohomeView = BaseView.extend({ 

    initialize: function() { 
     this.constructor.__super__.initialize(); 

     this.events = _.extend({}, this.globalEvents, this.events); 
     this.delegateEvents(); 
    }, 

    render: function() { 

     var context = { 
       pageName: 'Go Home' 
      }, 
      partials = { 
       header: this.globalPartials.header, 
       tabbar: this.globalPartials.tabbar 
      }; 



     $(this.el).html(templates["go-home"].render(context, partials)); 
     return this; 
    } 

}); 

return GoHomeView; 

});

+0

你錯過了' 「':'$(」 #hello1 「)addClass(」 1類 「);這可能是爲什麼沒有工作';) – Halcyon

+1

是的'失蹤」'一個錯字? –

+0

爲什麼不在樣式表中使用媒體查詢?不需要額外的類。 – epascarello

回答

3

缺少結尾引號。

$("#hello1").addClass("Class1"); 
+0

對不起,我糾正了錯誤,在我的代碼中沒有錯別字。如果你們可以給這個看看 – vijar

+0

所以你會說'$(「#hello1」)。addClass(「Class1」);'實際上並沒有添加類,或者是其他的錯誤? –

+0

它不添加類。我對這個和bacbone非常陌生,我也許是我試圖做這件事的地方是錯誤的。我已經嘗試在頁面呈現功能存在的地方進行,我也在頁面呈現功能被調用之前嘗試這樣做。我希望這是有道理的 – vijar

相關問題