jqueryのTablesorterヘッダ

StackOverflow https://stackoverflow.com/questions/2077607

  •  21-09-2019
  •  | 
  •  

質問

こんにちは、私はtablesorterを使用していますし、それがどのように動作するかに若干の修正をしたいと思います。ユーザーがセルの任意の部分をクリックするたびに現在tablesorterが列をソートします。

例：ます。

<th>One</th>
<th>Two</th>
<th>Three</th>

私はので、私はいくつかのCSSのボタンを作り、それぞれにそれらを置いているやっていることではなく、特にソーターのデフォルトのスタイルが好きです 

<th><a class="button">One</a></th>
<th><a class="button">Two</a></th>
<th><a class="button">Three</a></th>

私は、クリック可能な領域は、アンカーとならないように.jsファイルに修正するには何が必要でしょう全体のセル？

役に立ちましたか？

解決

これはあなたのquestioにお答えするつもりはないが、それはコメントであることをあまりにも多くのです。

私はjQueryの tablesorter のプラグインと全く慣れていませんよ。しかし、私は本当にあなたが代わりに新しい要素を導入するのCSSを微調整示唆し、プラグインのコードを変更する必要があります。

あなたが欲しいものを行うには、並べ替えイベントをのアンバインドする必要がありますTH要素にバインドされます。

$("#tableid th:has(a)").unbind();
に

あなた、その後必要があります割り当てる/ バインドのイベント（複数可）それぞれの<a class=button>要素ます。

$("#tableid th a").bind(someEventName, someFunctionName);

イベントはトグル/クリック、または何か他のものかもしれないあなたは、プラグインコードからそれを魚する必要がありますので、機能は匿名いずれかになります。

あなたがそれを行うことができたとしても、それはイベントが実施された方法によっては、動作しない場合があります。

"th.header" "th.headerSortUp /ダウン" のCSSスタイルを変更したほうが良いかもしれません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top