jQuery UI İletişim - eksik kapat simgesi
Özel bir WordPress kullanmak 1.10.3 bir tema kullanıyorum. Her tema silindiri düz indirdim ve kasıtlı olarak değil, değişen bir şey var.
Bir iletişim kutusu oluşturmak ve yakın bir simgesi olması gereken yerde boş gri bir kare.
Sayfamda üretilen kod karşılaştırdım:
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<spanid="ui-id-2" class="ui-dialog-title">Title</span>
<button class="ui-dialog-titlebar-close"></button>
</div>
kodu Dialog Demo page oluşturulan için:
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close">
<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
<span class="ui-button-text">close</span>
</button>
</div>
EDİT: Kodu farklı parçalarıdıroluşturulanjqueryuı, bana değil, bu yüzden sadece normal işlevselliği elde etmek için kötü/gereksiz bir karar gibi geldi jqueryuı js dosyasını düzenlemeden span etiketleri ekleyebilirsiniz.
Burada javascript kodu o kısmını oluşturan kullanılır:
this.element.dialog({
appendTo: "#summary_container",
title: this.title(),
closeText: "Close",
width: this.width,
position: {
my: "center top",
at: ("center top " (window.innerHeight*.1)),
collision: "none"
},
modal: false,
resizable: false,
draggable: false,
show: "fold",
hide: "fold",
close: function(){
if(KOVM.areaSummary.isVisible()){
KOVM.areaSummary.isVisible(false);
}
}
});
Ben de şaşırmış durumdayım ve yardıma ihtiyacım var. Şimdiden teşekkürler.
CEVAP
Bu çok geç bir süre ile ben, ama aklını başından alacağım, hazır mısın?
Bunun nedeni, jquery-uı aradığınız sonra bootstrap, aradığınız olmasıdır.
Kelimenin tam anlamıyla, yerine böylece: iki takas
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>
olur
<script src="js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
:)
Bu ilgi çeken ay sonra ben çok tutar - 26/06/2015 - Düzenle değer olduğunu düşündüm bir düzenleme. Ben aslında gerçekten noConflict gibi çözüm bu cevap altına yorum olarak sunulan ve açıklık kullanıcı tarafından ayrı bir cevap olarak Oldukça Serin. Bazı sorunlar bildirdin komut takas bootstrap tooltip ile. Bilmiyordum indirdim, çünkü bu sorunu ancak jquery UI olmadan deneyim benim gibi araç ipucu bootstrap çünkü gerek yoktu. Bu sorunu hiç bu kadar benim için geldi.
Edit - 22/07/2015 -
jquery
10 *karıştırmayın! Süre Bootstrap JavaScript, jQuery-UI itimat etmez önce yüklenecek bir WordPress kullanmak gerekir.jquery-ui.js
jquery.js
Önyükleme her zaman önce yüklenmesi gereken sürebootstrap.min.js
, sonra yüklenebilir.
Nasıl jQuery UI iletişim kutusunda Kap...
Tarayıcıyı yeniden boyutlandırırken ot...
JQuery Datepicker İletişim ve eklentil...
jQuery UI İletişim OnBeforeUnload...
jquery uı İletişim: başlatma öncesi il...