a tagına link vermek

15-02-2017, 21:20:56

Merhabalar,
Aşağıdaki kod ile silme onayı alıyorum fakat js içerisine link vermeden sadece linki a tagına vermek istiyorum. Bu işlemi nasıl yapabilirim.

not: href="javascript:;" kısmındaki javascript:; silinip link yazıldığında popup açılıp ardından onay almadan kapanıyor.

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link href="http://www.jqueryscript.net/demo/Lightweight-Web-Popup-Plugin-For-jQuery-ymzbox/ymz_box.css" type="text/css" rel="stylesheet" />
<script src="http://www.jqueryscript.net/demo/Lightweight-Web-Popup-Plugin-For-jQuery-ymzbox/ymz_box.min.js" type="text/javascript"></script>

<a href="javascript:;" id="confirm">ymzbox confirm</a>

<script>
$(document).ready(function() {
    $("#confirm").click(function(){ ymz.jq_confirm({title:"Confirm Dialog", text:"Are You Sure?", no_btn:"Cancel", yes_btn:"Confirm", }); });   
});
</script>

16-02-2017, 13:31:40

seogrenci

gonejko adlı üyeden alıntı: mesajı görüntüle

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link href="http://www.jqueryscript.net/demo/Lightweight-Web-Popup-Plugin-For-jQuery-ymzbox/ymz_box.css" type="text/css" rel="stylesheet" />
<script src="http://www.jqueryscript.net/demo/Lightweight-Web-Popup-Plugin-For-jQuery-ymzbox/ymz_box.min.js" type="text/javascript"></script>

<a href="javascript:;" id="confirm">ymzbox confirm</a>

<script>
$(document).ready(function() {
    $("#confirm").click(function(){ ymz.jq_confirm({title:"Confirm Dialog", text:"Are You Sure?", no_btn:"Cancel", yes_btn:"Confirm", }); });   
});
</script>

Bu sorunu ortadan kaldırmak için
1. Yöntem
Click işlevinin sonuna return false; ekleyerek yapabilirsiniz.
2.Yöntem
preventDefault() yöntemini kullanarak yapabilirsiniz.

preventDefault yöntemi

$(document).ready(function() {
	$("#confirm").click(function(e) {
		ymz.jq_confirm({
			title: "Confirm Dialog",
			text: "Are You Sure?",
			no_btn: "Cancel",
			yes_btn: "Confirm",
		});
		e.preventDefault();
	});
});

3.Yöntem
Popup onay işini button etiketi ile yapabilirsiniz.

<button id="confirm">Onayla</button>

Hayırlı günler dilerim.