jquery tablesorter header

Question

مرحبًا ، أنا أستخدم TableSter وأرغب في إجراء تعديل بسيط لكيفية عمله. يقوم 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 بحيث تكون منطقة النقر القابلة للنقر هي المرساة وليس الخلية بأكملها؟

Answer 1

هذا لن يجيب على Questio الخاص بك ، لكن من المفيد أن تكون تعليقًا.

أنا لست معتادًا تمامًا على jQuery Tablesorter توصيل في. ومع ذلك ، أود أن أقترح عليك حقًا تعديل CSS بدلاً من تقديم عناصر جديدة وعليها تعديل رمز البرنامج المساعد.

للقيام بما تريد ، ستحتاج إلى ذلك فك حدث الفرز المرتبط بـ TH عناصر.

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

ستحتاج بعد ذلك إلى تعيين/ربط الحدث (الحدث) إلى المعني <a class=button> عناصر.

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

يمكن أن يكون الحدث تبديلًا/نقرة أو أي شيء آخر ، فقد تكون الوظيفة مجهول الهوية ، لذا سيتعين عليك صيدها من رموز البرنامج المساعد.

حتى لو كان بإمكانك القيام بذلك ، فقد لا ينجح ذلك ، اعتمادًا على كيفية تنفيذ الحدث.

قد يكون من الأفضل تعديل أنماط CSS لـ "th.header" "th.headersortup/down".