SORU
28 HAZİRAN 2013, Cuma


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. Screen shot of missing close icon

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
8 Aralık 2013, Pazar


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üre bootstrap.min.js, sonra yüklenebilir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • atKristaBradford

    atKristaBrad

    4 Aralık 2010
  • Dan Gately

    Dan Gately

    13 AĞUSTOS 2006
  • Jon Reed

    Jon Reed

    14 AĞUSTOS 2006