Problem Modal Bootstrap Drupal Tidak Muncul Ketika Di Klik

Baca Juga

Makara disini aku memakai template bootstrap dan menciptakan sub theme dimana di sub theme tersebut aku meload file css / javascript yang terdapat pada direktori website. Kurang lebih susunan file template infonya yakni sebagai berikut

name = Bootstrap Sub-Theme (CDN) description = Uses the jsDelivr CDN for all CSS and JavaScript. No source files or compiling is necessary and is recommended for simple sites or beginners. core = 7.x base theme = bootstrap   ;;;;;;;;;;;;;;;;;;;;; ;; Regions ;;;;;;;;;;;;;;;;;;;;;  regions[navigation] = 'Navigation' regions[header] = 'Top Bar' regions[highlighted] = 'Highlighted' regions[help] = 'Help' regions[content] = 'Content' regions[sidebar_first] = 'Primary' regions[sidebar_second] = 'Secondary' regions[footer] = 'Footer' regions[page_top] = 'Page top' regions[page_bottom] = 'Page bottom' regions[content_bottom] = 'Content bottom'   ;;;;;;;;;;;;;;;;;;;;; ;; Stylesheets ;;;;;;;;;;;;;;;;;;;;;  stylesheets[all][] = css/style.css stylesheets[all][] = bootstrap/css/bootstrap.min.css  ;;;;;;;;;;;;;;;;;;;;; ;; Scripts ;;;;;;;;;;;;;;;;;;;;;   scripts[] = 'bootstrap/js/affix.js' scripts[] = 'bootstrap/js/alert.js' scripts[] = 'bootstrap/js/button.js' scripts[] = 'bootstrap/js/carousel.js' scripts[] = 'bootstrap/js/collapse.js' scripts[] = 'bootstrap/js/dropdown.js' scripts[] = 'bootstrap/js/modal.js' scripts[] = 'bootstrap/js/tooltip.js' scripts[] = 'bootstrap/js/popover.js' scripts[] = 'bootstrap/js/scrollspy.js' scripts[] = 'bootstrap/js/tab.js' scripts[] = 'bootstrap/js/transition.js'

br />

Ketika aku mencoba memakai CDN, ada sebuah masalah, yaitu salah satunya Modal Bootstrap tidak sanggup tampil dengan baik. Makara ceritanya disini aku punya sebuah view galeri/gambar dimana dalam gambar tersebut aku memanfaatkan bootstrap modal, sehingga dikala thumbnail gambar di klik, maka gambar akan muncul, nah dikala aku memakai CDN bootstrap modal mengalami masalah. Saat aku klik gambarnya, gambar tidak muncul atau pada modal bootstrap gambar hanya ditampilkan sekejap, lalu secara otomatis tertutup

Awalnya aku agak bingung, mengapa hal tersebut sanggup terjadi, namun usang lama kesudahannya aku menemukan solusi bagaimana cara mengatasinya.

Cara Mengatasinya :

Makara dikala kita memakai CDN, kurang lebih si Template Bootrap di Drupal akan meload file file berikut :

https://cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.css
https://cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.min.css
https://cdn.jsdelivr.net/bootstrap/3.3.7/js/bootstrap.js
https://cdn.jsdelivr.net/bootstrap/3.3.7/js/bootstrap.min.js


File file diatas bahwasanya sanggup di load dari lokal direktori website, tapi kita juga bahwasanya sanggup merequestnya dari CDN. Makara dikala file file dari CDN di load otomatis akan mensugesti beberapa file, termasuk file modal.js, artinya file bootstrap.js dengan modal.js mengalami konflik atau sederhanya terjadi error yang menciptakan gagalnya fungsi javascript yang ada. Jika aku hapus modal.js, tentu akan menciptakan modal bootstrap kembali normal. Konflik file JS Ini juga bukan kuat pada modal saja, namun juga pada javascript untuk sub hidangan akan mengalami kegagalan fungsi, dimana bila hidangan di klik sub menunya tidak akan tampil

Makara pada dasarnya begini, kalau seandainya web drupal yang memakai template bootstrap dengan custom template pada sub theme dimana file file js/css nya diload dari lokal, sebaiknya jangan gunakan CDN, alasannya yakni sanggup menyebabkan terjadinya konflik file JS. Kalau memang mau memakai CDN, sebaiknya gunakan CDN sepenuhnya tidak usah meload file dari lokal atau meload file JS yang sanggup menciptakan antar file JS konflik sehingga ada fungsi tertentu yang mengalami kegagalan.

Hal ini bahwasanya bukan hanya untuk kasus drupal bootstrap saja, tapi juga untuk jenis framework lainnya, kalau contohnya kita meload banyak file JS yang kita tidak ketahui fungsinya kemungkinan akan terjadi bentrok/error yang menciptakan fungsi tertentu pada Javascriptnya tidak bekerja sebagaimana mestinya. Bagi pengguna awam ibarat saya, tentu mencari kesalahan ibarat itu sangatlah menyusahkan.

Baca juga : Membuat Halaman Foto Galeri Dengan Bootstrap Modal di Drupal