Hướng dẫn bootstrap modal dynamic content - nội dung động phương thức bootstrap

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.Learn more.
Learn more.

Phương thức bootstrap của tôi tôi đã đặt trong bảng điều khiển. Và nút sẽ đặt phương thức tôi đặt trong một trang khác và trong đó tôi mở rộng bảng điều khiển. Khi tôi nhấp vào nút ID sản phẩm khác nhau, thông tin liên quan đến sản phẩm sẽ xuất hiện theo phương thức. Câu hỏi của tôi là làm thế nào để tôi làm cho nó năng động. Có nghĩa là phương thức Bootstrap sẽ được đưa ra dựa trên sản phẩm tôi đã nhấp để xem nhanh.

**button for quick view in index.blade.php :**

 
    
        
         Quick View
     


  **Modal placed in dashboard.blade.php**


    
      
        ×
                 
          
            
              Lorem Ipsum is simply
            
            
               Special Price  $329.99  
               Regular Price:  $359.99  
            

          
        
      
       Close

Hỏi ngày 31 tháng 12 năm 2017 lúc 7:10Dec 31, 2017 at 7:10Dec 31, 2017 at 7:10

làm điều tương tự với id cơ thể phương thức như

Trong trường hợp này, Laravel tạo ra một ID duy nhất cho mọi phương thức. Trong thân phương thức, bạn chỉ cần hiển thị sản phẩm dựa trên ID của họ

Martin K.

1.06814 Huy hiệu bạc15 Huy hiệu đồng14 silver badges15 bronze badges14 silver badges15 bronze badges

Đã trả lời ngày 26 tháng 4 năm 2020 lúc 8:47Apr 26, 2020 at 8:47Apr 26, 2020 at 8:47

TulatulaTulaTula

1691 Huy hiệu vàng1 Huy hiệu bạc6 Huy hiệu đồng1 gold badge1 silver badge6 bronze badges1 gold badge1 silver badge6 bronze badges

Bạn có thể thêm các giá trị dữ liệu cần thiết trong các giá trị neo và nối vào cửa sổ bật lên phương thức. Bạn có thể đạt được nó như thế này:



     Quick View



    $[function[]{
        $['.btn-quickview'].on['click','a',function[ev]{
            $['.product-name'].find['h2'].html[$[this].attr['data-title']]
            $['.special-price'].find['.price'].html[$[this].attr['data-special-price']]
            $['.old-price'].find['.price'].html[$[this].attr['data-old-price']]
        }]
    }]

Nếu bạn không muốn nối các thuộc tính dữ liệu vào neo, bạn có thể tìm nạp dữ liệu bằng AJAX và đặt các giá trị một cách thích hợp;]

Đã trả lời ngày 31 tháng 12 năm 2017 lúc 8:03Dec 31, 2017 at 8:03Dec 31, 2017 at 8:03

ShanshanShanShan

1.0611 Huy hiệu vàng12 Huy hiệu bạc35 Huy hiệu đồng1 gold badge12 silver badges35 bronze badges1 gold badge12 silver badges35 bronze badges

Lorem Ipsum is simply

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề