DarkSUSE: Bootstrap

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyB29qJaodXQ9kBmifJg_Zl_IiRNKYEtj5TLm825aeNECO15E9a6UTPrqhcTipIUsCWRxNhW67eY7wFZGMZO7dkJ7ogsJ6pKxqy-mNQmIDiBX_6VpXDjY1Kxz-v2UxISPaSd8wYtbnlORE/s1600/ss-error-bootstrap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="262" data-original-width="628" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyB29qJaodXQ9kBmifJg_Zl_IiRNKYEtj5TLm825aeNECO15E9a6UTPrqhcTipIUsCWRxNhW67eY7wFZGMZO7dkJ7ogsJ6pKxqy-mNQmIDiBX_6VpXDjY1Kxz-v2UxISPaSd8wYtbnlORE/s640/ss-error-bootstrap.png" width="640" /></a></div>
 
DarkSUSE ~ Assalamualaikum sobat DS. 
Bootstrap sangatlah membantu para developer website untuk berkreasi dibidangnya, dengan tampilan yang sudah mobile friendly dan juga sangat membantu dalam designya. Sudah sangat "flat" pokoknya dah. 
 
Namun pada saat saya menggunakan jQuery DataTables, Bootstrap 3.x dan juga laravel sebagai backend, saya menemukan kendala dalam memunculkan form didalam modal box. Kenapa demikian? Munculah error yang seperti dibawah ini 
 
<pre>TypeError: $(...).modal is not a function</pre>
 
30 menit mencari kesana-kemari, sampai-sampai hampir menyerah dulu karena jenuh. Namun stackoverflow kembali menjawab apa yang saya inginkan. Yaitu sebuah jawaban yang menyebabkan error tersebut muncul begitu saja! 
 
JQUERY CONFLICT dengan BOOTSTRAP???????? 
 
Ya, permasalahan tersebut dapat dipecahkan dengan 1 line code saja, yaitu: 
 
<pre>jQuery.noConflict();</pre>
 
Nah, dengan menambahkanya didalam baris code kita, sebelum memanggil $('.class').modal() error tersebut tidak akan muncul lagi lho... Nah, seperti apa sih code yang saya tuliskan sebelum dan sesudah ditambahkan? 
 
Sebelum ditambahkan: 
 
<pre>$('#btnAdd').click(function() {
$('#titleAdd').text('Tambah Data Jurusan');
$('#modalAdd').modal('show');
});</pre>
 
Sesudah ditambahkan: 
 
<pre>$('#btnAdd').click(function() {
jQuery.noConflict();
$('#titleAdd').text('Tambah Data Jurusan');
$('#modalAdd').modal('show');
});
</pre>
 
 
Nah, sangat mudah bukan untuk membuat hal tersebut solved? Semoga saja artikel ini membantu kalian, dalam membuat skripsi kalian beres. Aamiin. 
Salam hangat untuk kalian semua yang sedang ngoding. Semangat adalah kunci membuat segala bug hilang. 
 
Assalamualaikum Wr.Wb.

Fixing Bootstrap modal TypeError: $(...).modal is not a function

DarkSUSE ~ Assalamualaikum sobat DS. Bootstrap sangatlah membantu para developer website untuk berkreasi dibidangnya, dengan tampilan ...