ajax - DOM reloads when using Jquery drag and drop -

-

We are making an interactive story for our school project. But we get a problem, when you reach the stage where you have to build Lego-Man when you drag any part of the gray area, it resets the DOM, or refreshes it

Is anyone watching what is happening?

You can see "Game" on this link.

------ Sorry for no code !!! ----- I do not know which part I should post, and it is also not sure if it resets.

I see my DOM element redrawing, Win7 / Chrome, your code buried in pieces of AJX It takes a while to track down this for some time, but I think what is happening is that when you leave items successfully - it is also registered as a click event, and click on that page Event: 

  // Level 2 handler $ ("# level-2"). Click (function () (if ($ (this) .hasClass ("active") {$ $ ("#level_holder") .Fedhat ("slow"); $ ("# loader"). FadeIn (); $ ("#content_holder") .load ('content / content-2.html'); $ ("#content_holder"). FadeIn (); $ ("#loader") .Fedot ();} and {swal ( {Title: "hov!", Lesson: "du scall claire level 1 foremost!", Type: "error", confirmation text: "OK"});}});

To prevent further bubbles from this event, you can also try your drag-drop-worthy drop event in this section, to prevent click events to continue on the bubbles. Add some code for: 

  Function handmade drops (Event, UI) {var SlotNumber = $ (this) .data ('number'); Var item number = ui.draggable.data ('number'); // HighwayDelen has said that I do Rare Corrects. If (slotNumber == item number) {ui.draggable.addClass ('true'); Ui.draggable.draggable ('Disabled'); $ (This). Dropable ('disabled'); Ui.draggable.position ({: $ (this), mine: 'left top', on: 'left top'}); Ui.draggable.draggable ('option', 'back', wrong); CorrectItems ++; } // Entletate F Dell er Playcoreket = 3 (total = 3), if on the load nästist side (right objects == 3) {$ ("#main") .load ('content / pieces-1 / piece-3 .html '); } Event.stopPropagation (); // & lt; - 'Click' event prevents firing, reloading your "page"}

Here is a link to jQuery event handling:

then - summarize In, I think that when you drop an object successfully, it also closes the click event on the page which ends up redrawing the piece above, basically at the end of your handleItemDrop function Add event.stopPropagation () and see if it stops refreshing that DOM fragment In going (it's fresh again redo Fedot and Fedein).


Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more