jqueryのニュースセクションのボタンの問題をもっと読む

Question

ブログの記事のようにニュースアイテムのページを作成しようとしています。ニュースアイテムをphpで取得してニュースとショーの文字数を制限したいリンク。ユーザーがもっと読むをクリックすると、すべてのコンテンツと非表示ボタンが表示されます。ユーザーが非表示をクリックすると、コンテンツが非表示になり、元の状態が表示されます。 私が抱えている問題は、ニュースアイテムをクリックすると他の投稿アイテムにリンクを隠すようになり、他のニュースのコンテンツも表示されることです。

多くのコード行があるため、私はFiddleに自分のソリューションを掲載しました。もし私がすべてのコードを提供しなかったら、これがフィドルの私の最初の投稿であることを伝えてください。あなたがページ内にあるクラスのコレクション全体を使用しているあなたは、個々のニュースモジュール内の範囲を保持するためのfind（）メソッドを使用しているプラ​​グインのいくつかの地域では http://jsfiddle.net/wqXPg

Answer 1

、他人

完璧な例はあなたですinit（）を呼び出すためにループを開始し、init（）への引数として各要素を渡しますが、使用されず、すべてのa.readmoreにバインドします。

コンテキストが役立ちます。

init: function(config, p){ 
     $.extend(this.config, config); 
     this.createSubString(p); 
     p.find('a.read-more').on('click', news.show); 
    } 

news.containerもご利用ください。そのクラスのページにあるすべてのコンテナです

Answer 2

プラグインを作成するときは、guidelines that the JQuery team has set upに従ってください。

明確に定義された機能のように、明確な範囲内でコードを維持、検査、理解する方がずっと簡単です。関数の周りを「ジャンプ」し、どこにでもパラメータを渡すことは面倒でスパゲッティコードにつながる可能性があります。

concept of scopeを把握できれば、プラグインを構築する方がはるかに簡単です。

私はthis exampleを作って学ぶことができます。