How to append jQuery Code to Image Popup

  • Resolved totallywp

    (@panatapattu)


    6 years, 4 months ago

    Hi,

    First of all let me thank you for this great plugin.

    I want to append a <div> to the Image Pop Up. Normal way It is not allowing me to update. Code is running but it is not get append. Please let me know how can I do that.

    Here is the code I tried so far

    jQuery(document).ready(function($) {
    $("#sgcboxLoadedContent").append('<div class="xxx">Something</div>');
});

    I need to get this done using jQuery.

    Rgards
    Nisha

    • This topic was modified 6 years, 4 months ago by totallywp.
    • This topic was modified 6 years, 4 months ago by totallywp.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Dear @panatapattu,

    Thank you for appreciating! ??
    Please, try to use the code like this:

    jQuery(window).on('load',function() {
    jQuery(document).ready(function() {
        jQuery("#sgcolorbox").bind("sgColorboxOnCompleate", function () {
            jQuery("#sgcboxLoadedContent").append('<div class="xxx">Something</div>');
        });
    });
})
    Thread Starter totallywp

    (@panatapattu)

    Hey @sygnoossupport,
    Thank you for quick response and it solved my problem. But when I am checking with the devices I found this issue.

    – When I load the Popup in Horizontal Mode it is loading, but when I turn into Portrait Mode it is not getting 100% responsive. Half of the image cutting off

    – But first load in Portrait mode and then turn into Landscape mode not making any issue and working really fine.

    I am using Responsive mode because I need this popup working in all the devices. But I am facing this issue.

    Screenshot: https://ibb.co/kc7NGd

    Can you check on this please ? Please refer the Screen Shot added.

    Dear @panatapattu,

    We have responded to your ticket, we need a URL to see this issue live..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to append jQuery Code to Image Popup’ is closed to new replies.