2011-06-06 49 views
1
<script> 
$(function() { 
    var icons = { 
     header: "ui-icon-circle-arrow-e", 
     headerSelected: "ui-icon-circle-arrow-s" 
    }; 
    $("#accordion").accordion({ 
     icons: icons 
    }); 
    $("#toggle").button().toggle(function() { 
     $("#accordion").accordion("option", "icons", false); 
    }, function() { 
     $("#accordion").accordion("option", "icons", icons); 
    }); 
}); 
</script> 

我已經獲得了手風琴在我的MVC網站的工作,但是當我修改手風琴jQuery來包括(從jQuery網站挺直)打開和關閉圖標/圖片,我沒有顯示任何圖像。我錯過了什麼?我不知道我必須在我的代碼中引用圖像。 「ui-icon-circle-arrow-e」我猜測,是圖像,但我不知道它的位置或者我可以如何下載它。 jquery網站沒有任何內容。手風琴圖片 - MVC - Jquery的

回答

1

檢查是否包含JQuery UI的CSS文件和文件夾。這就是手風琴的圖像保存的地方,以及CSS聲明,告訴你的頁面在哪裏尋找它們。它應該像從Jquery UI站點獲取它,放置您的站點以及定義CSS一樣簡單。

您可以通過打開頁面,查看源代碼並單擊鏈接到CSS來測試它是否正確包含(在Chrome中非常適用)它應該打開實際頁面,而不是出錯。您還可以通過Firebug,Chrome調試器等進行調試。

+0

謝謝。我不得不鏈接兩個css文件。它只適用於jquery.ui.accordion.js文件。 jquery.ui.all.css也是需要的。 – ZVenue 2011-06-06 19:07:33

+0

如果你還沒有機會玩Themeroller,我會強烈建議試試。它給你所有的JQuery的UI功能加上主題,可以在飛行中更改.... – bpeterson76 2011-06-06 19:12:09

+0

感謝您的意見。我看着那個美樂家。我明白,我可以挑選屬性,然後根據我在美樂家網頁上的選擇顯示控件。但是我怎樣才能在我的項目中使用這個功能..在我的選擇之後有什麼我可以下載的。 – ZVenue 2011-06-06 20:29:00