Nhờ chỉnh giúp đoạn Code kiểm tra điều kiện xử lý Button

Chào mọi người, mình đang làm bài tập Jquery và có viết đoạn Code này, nhưng mình không hiểu đoạn Code kiểm tra điều kiện có bị vấn đề gì không mà button Prev của mình không chuyển sang trạng thái Enable được. Nhờ mọi người chỉnh lại giúp mình. Mình xin cám ơn ạ .

Nhờ mọi người vào xem giúp mình với ạ

 var FirstElementStatus = $('li:first-child').attr('class');

 if(FirstElementStatus == 'activating'){
     $('#prev').prop('disabled',true);
 }

 else{
     $('#prev').prop('disabled',false);
 };

Đoạn này phải bỏ trong hàm click next và nhấn prev. hoặc viết thành 1 hàm rồi gọi hàm này trong 2 hàm click đó

1 Like

Cám ơn bạn đã phản hồi lại giúp mình.

Cách đó mình cũng đã nghĩ đến nhưng mà nếu làm vậy thì phải viết lại đoạn code trên những 3 lần ( ngoài 2 lần đặt trong 2 hàm prevnext như bạn nói còn phải viết thêm một lần nữa ở bên ngoài vì lúc đầu load trang nút prev này cũng không được phép nhấn mà).

Phân tích như vậy mình thấy đây không phải là cách hay, nên mình mới lên đây hỏi mọi người xem có giải pháp nào hoàn hảo hơn không.

Mà mình cũng còn thắc mắc là tại sao đặt nó ở đầu đoạn code như vậy rồi mà không được tại sao lại cần phải đặt thêm vào trong 2 hàm click kia nữa nhỉ

Thứ 1: Bạn có thể khai báo nó thành 1 hàm rồi gọi ở 3 chỗ đó.
Thứ 2: Theo logic. code kiểm trả chỉ chạy 1 lần khi run chương trình. còn khi nhấn next nó không chạy nữa

1 Like

Cám ơn bạn, vậy chắc chỉ còn cách phải làm như vậy rồi

Cũng liên quan đến bài tập trên, vì là vấn đề nhỏ nên mình không lập thêm topic mới nữa.

Bạn có thể cho mình hỏi thêm trong trường hợp này của mình làm thế nào để thay đổi giá trị true - false của thuộc tính disabled theo biến x được ạ.

https://codepen.io/trananh/pen/MrJJXq

.val() // trả về string
.prop("disabled", x ) // param x phải là bool

=> Phải cast x về bool

2 Likes

Mình cám ơn bạn nhiều ạ

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?