Databases
StackOverflow2013
Postsdbo
POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
    primarykey
    data
    text
    <p>At my <a href="http://englishgod.com/" rel="nofollow">sandbox site</a>, if you load it a drop down menu appears after a few seconds with "confirm" button. If you click that "confirm" button, the background image changes and some new boxes load. The four small boxes on the newly loaded page are draggable, and the 4 boxes inside the white box are supposed to be droppable, but only one is. </p> <p><strong>New Update-</strong> Here is a working fiddle of <strong>the whole code</strong>. Click "submit" on the fiddle. After the new boxes load and they are all draggable and droppable. <a href="http://jsfiddle.net/mjmitche/uc6sH/32/" rel="nofollow">Working fiddle of whole code</a></p> <p>However, on my sandbox site only one box (the red box in the big white box on page 2) is actually droppable.</p> <p><strong>IMPORTANT CLUE</strong> -- if I change the CSS position on the red box, it's no longer droppable for some reason. For example, I swapped the left: position on the red and lime green boxes, and it took away the droppable functionality from the red box so that none of the boxes were droppable. </p> <p><strong>Another new update</strong> I recreated the problem on a non-wordpress site, so we know it's not a wordpress issue or wordpress plugin issue <a href="http://quoraquora.com/index.php" rel="nofollow">non-wordpress site</a>. Except on this site, it's not the red box on the second page that's droppable, only the dark blue box.</p> <p><strong>Another new update</strong> The first person to respond to this thread has discovered that if the red box is removed from the dom, the light blue one becomes droppable...</p> <p>Any idea how to fix this? Also, can you show me how I would add console.log to this code so that I can try to dig deeper. I've never attached console log to code...</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMrchief
    1. USLeahcim
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. USLeahcim
      1. VTBountyStart
    3. VO
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. This table or related slice is empty.
      1. VTUpMod
    1. CONot sure what your function in console.log is supposed to do, but console.log is for writing out development/testing data to the browser console, **not** for doing actions in the page.
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. USrockerest
    2. COi thought i could use it to debug the problem. I posted it in the OP update to confirm that I was using it correctly to debug the situation...
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. USLeahcim
    3. COHmm, you would probably need to use console.log inside the function. Since a failed function is going to dump a JS error anyway, console.log is used to dump data or error messages that the crash wouldn't normally output anyway. So you might put `console.log("dropped in: " + $(this))` inside the `drop` parameter of your function (Just an example of how to use it).
      singulars
      1. POWhy is only 1 of 4 boxes droppable, if they are all supposed to be?
      1. USrockerest
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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