Mengendalikan Komponen Bootstrap dengan Perform jQuery Berisi Paramater

By Alex Rodriguez
berisi bootstrap business dengan function jquery komponen mengendalikan paramater

solusiumkm.net.id - Mengendalikan Komponen Bootstrap dengan Perform jQuery Berisi Paramater Di replace 2022-07-28 02:32:00 .

Beberapa hari kemarin saya kembali ingin menata kembali tampilan aplikasi cellular yang selama ini menggunakan elemen dari ionic.これが私が次の本文で言ったことです。

YouTubeチャンネルに登場する映像を心配せずにインターネットを利用してインターネットに接続するしかないとどうすればいいですか？ Syukur karena saya sudah pernah mendownload Bootstrap バージョン 4.xx sebelumnya, maka saya manfaatkan saja file tersebut yang saya pikir masih 関連情報は次のとおりです。メニューの内容は次のとおりです。メニューとテキストの違いは何ですか？

HTMLとCSSコードを設定し、jQueryを使用してコードを書いてアプリケーションを選択します。 Padahal sebagaimana rencana diawal bahwa saya cuma ingin membuat saja テーマ。

Mengendalikanブートストラップ機能fungsiパラメータjquery

Setelah membuat tampilan HTML maka, agar dapat berinteraksi dengan aksi pengguna maka saya menggunakan jQuery yang sudah saya panggil. Ditengah proses menulis saya mendapat ide, karena beberapa elemen memiliki tugas yang sama maka saya buat menjadi perform saja kemudian saya jadi kepikiran agar perform tersebut akan aktif dengan Set off elemen yang mengirim パラメータ kepada 機能。

Secara sederhana ilustrasi kodenya sebagai berikut:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<html>
	<head>
	<meta title="viewport" content material="width=device-width, initial-scale=1, shrink-to-fit=no">
	<hyperlink rel="stylesheet" href="css/bootstrap.min.css"/>
	<hyperlink rel="stylesheet" href="css/font-awesome.min.css"/>
	<model>
	physique{
        padding: 10px;
        align-objects: middle;
        }
	</model>
	</head>
	<physique class="bg-light">
	<div class="card">
	  <div class="card-body">
		<h5 class="card-title">Card title <span class="badge badge-secondary" data-toggle="tooltip" data-html="true" data-placement="prime" title="<em>Merchandise</em> baru ">New</span></h5>
		<p class="card-text">Some fast instance textual content to construct on <span >the cardboard title</span> and make up the majority of the cardboard's content material.</p>
		<button class="btn btn-primary" onclick="toggle('#collapseExample')" ><i class="icon-light icon-search"></i> Go someplace</button>
		<button class="btn btn-success" onclick="tampil('.modal')" data-toggle="tooltip" data-html="true" data-placement="prime" title="<em>Tooltip</em> <u>dengan</u> <b>HTML</b>"><i class="icon-spin icon-gear"></i> Klik</button>
	  </div>
	</div>
	
	<div class="collapse mt-1" id="collapseExample">
	  <div class="card card-body">
		<h5 class="card-title">Informasi <span class="badge badge-pill badge-danger">Okay</span></h5>
		Anim pariatur cliche reprehenderit, enim eiusmod excessive life accusamus terry richardson advert squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.<br> Klik lagi buat nutup data ini
	  </div>
	</div>


	
	<div class="modal" tabindex="-1" position="dialog" >
	  <div class="modal-dialog" position="doc">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title">Modal title</h5>
			<button kind="button" class="shut" data-dismiss="modal" aria-label="Shut" onclick="tutup('.modal')">
			  <span aria-hidden="true">&instances;</span>
			</button>
		  </div>
		  <div class="modal-body">
			<p>Modal physique textual content goes right here.</p>
		  </div>
		  <div class="modal-footer">
			<button kind="button" class="btn btn-primary">Save modifications</button>
			<button kind="button" class="btn btn-secondary" data-dismiss="modal" id="tutup">Shut</button>
		  </div>
		</div>
	  </div>
	</div>
	<footer class="fixed-bottom text-center bg-light" >
	ringkes.com&copy;2022 
	</footer>
	<script src="js/jquery-3.3.1.slim.min.js"></script>
	<script src="js/bootstrap.bundle.min.js"></script>
	<script>
		$(doc).prepared(perform(){	
			//fungsi dapat ditulis disini
			$("#tutup").click on(perform(){ tutup('.modal');});
		});
		//fungsi juga dapat ditulis seperti biasa
		perform tampil(isi){			
			$(isi).present();
		}
		perform tutup(isi){
			$(isi).disguise();
		}
		perform toggle(isi){			
			$(isi).toggle();
		}
	</script>
	</physique>
</html>

Sampai disini dulu tulisan kali ini, semoga berman faat

ロゴブログ

terimakasih telah berkunjung di www.solusiumkm.net.idd. Jadi Bagaimana tanggapan Kalian tentang artikel Mengendalikan Komponen Bootstrap dengan Perform jQuery Berisi Paramater.