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

  • Justin Davis

    Justin Davis

    14 Ocak 2008
  • MotoManTV

    MotoManTV

    10 Aralık 2009
  • Vsauce

    Vsauce

    30 Temmuz 2007