jquery - Click on dynamically added element in Magnific Popup not detected. Trying to navigate to next item on click of current item in ajax gallery -


I am creating an image gallery where full-size images are presented in a lightbox. The content of the lightbox is AJAX loaded html from the external file. I am using this script for this behavior. I am trying to do this so that you can navigate to the next gallery image directly by clicking anywhere on the current image displayed in the lightbox Are there. The problem is that I am unable to locate the click event, although it has been explicitly inserted into the dom.

Main view: main.html 

  & lt; Div class = "gallery" & gt; & Lt; A href = "gallery.php? Photo = image-1.jpg" & gt; Thumbs-1.jpg & lt; / A & gt; & Lt; A href = "gallery.php? Photo = image-2.jpg" & gt; Thumbs-2.jpg & lt; / A & gt; & Lt; A href = "gallery.php? Photo = image-3.jpg" & gt; Thumbs-3.jpg & lt; / A & gt; & Lt; / Div & gt;   
  Lightbox content:   gallery.php   
  & lt ;? Php echo '& lt; Img class = "item" src = "img / '. $ _GET [' photo ']." "& Gt; ';? & Gt;   
  jQuery:   
  $ (' gallery '). MagnificPopup ({Representative: 'A', Type: 'Ajax', Gallery: {Enabled: True, Navigating BIMGClique: True}})}}   
 I have not shown any  navigateByIggClick  option, it seems that this is done to set things that clicking the current gallery item will take you to the next gallery item, however, At least in my trial, it's ajax c The slider does not work for (when  type  is set to  ajax .) So what I did is add a snippet to see if The click event is being found:  
  $ ('. Item'). ('Click', function () {warning (click 'found');}); < However, click is never found (warning has not been clicked on).  
 Most First, why not click Being not?  
 Second, how to set up the next gallery item when using an AJAX gallery?   
 
 
 Understand this. Need to assign the image to  .mfp-img  Now it is working. This gorgeous popup can be searched by this part of the source:  
  if (gSt.navigateByImgClick) {mfp.wrap.on ('click' + ns, '.mfp-img', function () {If (mfp.items.length & gt; 1) {mfp.next (); Return false;}}); }

Comments

Post a Comment

Popular posts from this blog

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more

matlab - Using loops to get multiple values into a cell -

I have 31 topics (S1, S2, S3, S4, etc.) 3 images in each topic, opposite 1 IMG, Contrast 2 IMG and Contrast 3 Are IMG I p In a NX1 cell named P, I would like to use a loop to get all the paths of contrasts from all the subjects: data / S1 / contrast1.img / S1 / contrast2.img data / S1 / contrast3.img data / s2 / contrast1.img data / S2 / contrast2.img Data / S2 / contrast3.img ... Data / S31 / contast3.img This is what I've tried: A = {'S1', 'S2', 'S3', ..., 'S31'}; % All topics C = {'contrast1.img', 'contrast2.img', 'contrast3.img'}; For each = P = cell (31 * 3,1) for each topic, the required contrast images: Length = A for Jammu = 1: Length (C) P {j} = spm_select ('FPList', Fullfile (data_path, q {i}) sprint ('% s', cell2mat (c))); % Of each topic is to select three contrast images, it works in my script, it is probably not 100% correct, because I had to simplify this example. End of ...
Read more

python - Sequence Pattern recognition with Pybrain -

Image
I am constantly trying to use recurrent neural networks to classify a series of data. To be more specific, I have a sequence of sensor reading (which is continuous over time), I have to learn an algorithm which can detect the state related to this pattern, given the readings change. Example: Time step_1: 1.4 Time step_2: 1 Time step_3: 0.8 State = New Sequence: Time Phase 1: 0.4 Time Phase 2: 0.3 Time Phase 3: 0.1 State = Sitting I actually have 12 censors, I'm just showing a sequence of numbers for convenience. (Numbers are not real, I'm just trying to fulfill this idea)! I am trying to make my network with PyBrain RNN, however, I can not get a Data Set Container that can detect it, like information I tried to use sequential data But after some testing I came to know that this number is the next element in the sequence of numbers. Here's how I prepare my dataset: self.alldata = SequentialDataSet (ds.num_features, 1) # Now add samples to the dat...
Read more