2012-04-19 16 views
0

我創建一個jQuery插件工作,我有一個關於如何構建事情的一些問題:jQuery插件HTML和期權實踐

1.How多HTML應該插件有書面和多少應通過jQuery的創建?

編寫所有的HTML是否好,以便在查看代碼時可以看到整個標記結構?

還是隻寫最少量的HTML會更好,因此用戶可以非常容易地通過jQuery添加/修改內容並創建所有其他內容,大型HTML?

有沒有推薦的做法?專業插件中的事情是如何完成的?

爲什麼要以某種方式完成工作,其背後的原因是什麼?

2.如何平衡插件選項與CSS?

插件是否應該提供影響插件展示的選項(可以修改樣式表的選項)還是讓用戶直接修改樣式表進行表示性修改並且插件中只有相關選項到功能?

什麼是關於什麼選項提供插件,以不跨越CSS的一些指南?

關於我的經歷,我已經看到所有這些在不同的地方和插件,這就是爲什麼我要求有經驗的用戶的意見,什麼是良好的做法和原因。

+1

堆棧溢出通常涉及一些代碼。那裏的問題太多了。我會開始編寫最好的插件,如果你需要它可以回來尋求幫助。至於最佳實踐,jQuery API有一個關於如何編寫插件的非常好的初學者指南。 – elclanrs 2012-04-19 06:02:26

+0

@elclanrs:只有2個問題,我不認爲這太多。其次,我已經開始編碼它,並且正在進行中。我現在問的原因是因爲我已經看到有很多可能的選擇,我正在嘗試選擇一種與常見做法一致的選項。我所要求的是具體問題。關於jQuery初學者編寫插件的指南,我已經閱讀過,還有其他一些指南,但是沒有關於HTML,CSS和JS代碼結構化和分離的建議。 – jsgroove 2012-04-19 06:08:56

+0

如果你想要更先進的東西,這是最好的,你可以找到,有點過時,但仍然相關http://jqfundamentals.com/ – elclanrs 2012-04-19 06:10:30

回答

2

1.插件應該寫多少HTML以及通過jQuery創建多少HTML?

根據漸進增強的範例,應該沒有標記在沒有啓用JS的情況下無用。換句話說 - 如果你的插件需要一些特殊的標記和附加標籤,它應該自己創建它們。

原因是語義。額外的插件標記對機器人沒有用處,當沒有JS時,它根本不應該出現。

另外請記住,開發一個好的JS插件意味着當插件失敗或JS被禁用時內容仍然可用。更多關於涵蓋更先進問題的漸進式增強的主題可以在例如The Filament Group的書中找到。

2.如何平衡插件選項與CSS?

做它,如下所示:

  • 內容:HTML
  • 邏輯:JS
  • 介紹:CSS

儘管它現在改變了一下(CSS3的動畫)的事實,插件的選項可能會影響它的工作方式而不是它的方式看起來 。這意味着用戶應該能夠配置時間,延遲,速度,元素數量或者任何你的插件通過JS做的事情。但在CSS樣式表中留下表示方面的內容。使用JS來更改元素的類而不是內聯樣式,並讓用戶編寫他們想要的任何CSS。顯然,不要忘了提供一些默認樣式:)

我總是建議閱讀A List Apart的主題閱讀更多內容。這是一篇相當理論性的文章,但絕對是任何前端開發人員必讀的內容。