jQuery qtip - رابط إلى Div مخفي من داخل ملتوية الأدوات

Question

أحاول وضع رابط داخل تلميح الأدوات (QTIP) أنه عند النقر فوق يوضح محتوى Div المخفي داخل صندوق الضوء (nyromodal). علامة المرساة العادية ليست في ارتباطات تلميح الأدوات إلى محتوى فتح DIV في مربع Lightbox بنجاح.

شفرة: http://jsbin.com/omafe/2/

قد تحتاج إلى نسخ التعليمات البرمجية إلى Notepad ، حفظ كما HTML وفتح الملف. (JSBIN لا تقوم بتحميل ملفات مكون الإضافي JS الخارجي)

أي مساعدة سيكون موضع تقدير كبير. شكرًا.

Answer 1

يبدو أن QTIP يقوم بتخزين نسخة من "div.tipcontent" في الذاكرة (متغير).

لقد اكتشفت هذا عن طريق إزالة الفصل "المخفي" من Div. عندما تفعل هذا ، سترى أن لديك اثنين من divs. واحد لا يزال على الصفحة وآخر يستخدمه QTIP من الذاكرة.

كحل ، قد تضطر إلى تعديل QTIP للتطبيق $('a').nyroModal(); لعقد الارتباط ، فإنه يقدم من الذاكرة.

تعديل

لإضافة تأثير Lightbox إلى روابط QTIP الخاصة بك ، قم بتعديل مُهيئ QTIP على النحو التالي:

$('div.tooltip').qtip({
    content: $('div.tipcontent').html(),
    position: {
        corner: {
        target: 'topRight',
        tooltip: 'bottomRight'
        }
    },
    style: { 
        width: 150,
        padding: 10,
        background: 'silver',
        color: 'black',
        tip: 'bottomMiddle',
    },
    hide: {
        fixed: true
    },
    api: {
        onShow: function() { $('a').nyroModal(); }
    }
});

يرجى ملاحظة مكالمة API إلى Onshow. سيؤدي ذلك إلى إعادة تطبيق nyromodal لجميع الروابط الموجودة على الصفحة وبالتالي تغطي المحتوى الذي تم إنشاؤه ديناميكيًا من QTIP. من المحتمل أن يكون هناك طريقة أكثر كفاءة لتضييق محدد jQuery إلى الرابط المحدد الذي تم إنشاؤه بواسطة QTIP ، ولكن هذا يجب أن يبدأك على الأقل.