Gölge kutusunu birden çok durumda kullanmaya çalışıyorum: Bazen aynı anda birden çok iletişim kutusuna ihtiyacım var.Shadowbox - İçerik nasıl değiştirilir veya değiştirilir? Başka bir iletişim kutusu nasıl kapatılır ve açılır?
Bu basit örnekte, var olan bir pencereyi kapatmaya ve bir diğerini yeniden açmaya çalışıyorum ancak ikincisini açmamayı deniyorum. Ne yapıyorum yanlış?
İşteMaalesef 'ya bu, ama çok daha kararlı göründüğü gibi ben Colorbox doğru hareket edeceğiz düşünüyorum: Ben yalnız konuşuyorum
$('#second-btn').live('click', function(e){
e.preventDefault();
$.colorbox({
onComplete: function(){
$('#cboxLoadedContent').append('second opened');
$('#cboxClose').attr('id', 'cboxClose_disabled');
},
html:'<p>Second <a id="first-btn" href="x">first</a></p>',
width: 500, height: 200
});
});
function showfirst(){
$.colorbox({
onLoad: function(){ $('#cboxClose_disabled').attr('id', 'cboxClose'); },
onComplete: function(){ $('#cboxLoadedContent').append('first opened') },
html:'<p>First <a id="second-btn" href="x">second</a></p>',
width: 500, height: 200
});
}
$('#first-btn').live('click', function(e){
e.preventDefault();
showfirst()
});
showfirst();
Hey ?! XD
Ben kullanacağız ne
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="shadowbox.css" type="text/css">
<style type="text/css" media="screen">
#sb-body, #sb-loading { background:#eee; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script src="shadowbox.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
Shadowbox.init();
window.onload = function(){
Shadowbox.open({
content: 'First window. <a id="open-second" href="http://www.google.com">open another window</a>.',
player: "html"
});
$('#open-second').live('click', function(e){
e.preventDefault();
Shadowbox.close();
Shadowbox.open({
content: 'Second window.',
player: "html"
});
});
};
</script>
</head>
<body>blabla.</body>
</html>
Selamlar,
Adit; Bu kadar mutlu değil:
- Basit bir görev yapmak için yaygın olarak kullanılan bir eklentiyi zorluyorum (bir pencereyi kapatın ve başka bir pencereyi açın)
- her bir gölge kutusu özelliğini geçersiz kılmalı (şimdi sadece oyuncu "html" uygulanır). Bu bir full working example.
var shadowbox_orig_open = Shadowbox.open;
Shadowbox.reOpenable = function(new_opts) {
if(Shadowbox.isOpen()){
// close other dialog
Shadowbox.options.onClose(Shadowbox.getCurrent());
if(new_opts.player == "html"){
$('#sb-player').fadeOut('normal', function(){ $(this).html(new_opts.content).fadeIn(); });
}else{
// ???
}
// set other new hooks
Shadowbox.options = new_opts.options;
}else{
shadowbox_orig_open(new_opts);
}
};
Sizinle aynı sorunu yaşadım veya bir iç bağlantıya basıldıktan sonra yeni içerikle açmak veya yenilemek için bir gölge kutusu almaya çalışıyordum. Tavsiyeni aldım ve Colorbox'a taşındım. Çalışır ve istediğimi yapar. Teşekkürler :) –