class ที่ใส่มาทีหลังจะถูกเมิน (CSS)

วันนี้หาทางแก้ปัญหาเรื่องปุ่ม Add to Cart ของเว็บที่ทำอยู่ มันไม่ยอมเช็คก่อนว่าสินค้านั้นมันมี option อะไรหรือเปล่า ซึ่งก่อนนี้มันก็ใช้งานได้ปกติดี

เลยมานั่งงมหา คิดว่าปัญหาน่าจะเกิดจาก javascript ที่เข้าไปเช็ค ซึ่งเว็บนี้ใช้ jQuery ช่วย แล้วเจ้าปุ่มนี้เราก็ไปตบแต่งเพิ่มเติมด้วยการใส่ class="red-button" ลงไป ซึ่งมันมี class อยู่แล้วอีกอันตอนท้ายของ tag ซึ่งเราคิดว่าไม่เป็นอะไร


แต่การใส่ <a href="#" class="class1" title="blablabla" class="class2"> แบบนี้ทำให้เกิดปัญหาในการค้นหาของ jQuery ได้ มันจะเจอแต่ class1 แล้วถ้าเราสั่งให้มันหา class2 มันก็จะไม่เจอไปเลย *-*


นั่งแก้อยู่นาน จนสุดท้ายก็เปลี่ยนมาเป็น <a href="#" title="blablabla" class="class2 class1"> มันก็จะทำงานได้ตามปกติแล้ว