Note that there are some explanatory texts on larger screens.

plurals
  1. PO.live working , but .on not working
    text
    copied!<p>Here in my code, when I am replacing <code>.live</code> with <code>.on</code> then it's not working? I am not able to identify the problem.</p> <pre><code>$(document).ready(function () { /* Reading the data from XML file*/ $.ajax({ type: "GET", url: "photos.xml", dataType: "xml", success: function (xml) { $(xml).find('item').each(function () { var path = $(this).attr('path'); var width = $(this).attr('width'); var height = $(this).attr('height'); var id = $(this).attr('id'); var alt = $(this).attr('alt'); var longdesc = $(this).find('longdesc').text(); var description = $(this).find('desc').text(); $('#myImageFlow').append('&lt;img src="' + path + '" id=' + id + ' height="' + height + '" width="' + width + '" longdesc="' + longdesc + '" alt="' + alt + '"/&gt;'); imgArr[i] = description; imgFront[i] = longdesc; i = i + 1; }); $(xml).promise().done(function () { console.log("image completed loading"); $('img:lt(4)').removeClass('t2').addClass('t1'); $('img:gt(3)').removeClass('t1').addClass('t2'); $('img#id12').removeClass('t1').addClass('t2'); $('img#id1').removeClass(); //alert('Front Initial Text is'+imgFront[1]); window.setTimeout(function () { $("#front").html(imgFront[1]); $("#front").css("background", "gray"); }, 1500); }); } }); $.getScript('js/code.photoswipe.jquery-3.0.5.js'); }); /*front div called when front or back is called */ $('#front').live('click', function (event) { event.stopPropagation(); transitIt(this); // alert('Front Clicked glob e='+globe); }); $('#myImageFlow img').on("click", function () { event.stopPropagation(); alert('htmlcalled image Clicked Called=' + clickEnabled); }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload