Jquery function not passing parameters correctly

Question

I am trying to drag and drop images into div's with Jquery I have a function

<div id="trash" class=""> Trash</div>

$trash.droppable({
    accept: "#gallery > li",
    activeClass: "ui-state-highlight",
    drop: function(event, ui) {
        var $droppableId = $(this).attr("id");

        deleteImage($droppableId, ui.draggable);
    }
});

In this case $droppableId = trash or the name of my div.

I'm calling

function deleteImage($droppableId, $item) {
    $item.fadeOut(function() {
        alert($droppableId);
        var $list = $("ul", $droppableId).length ? $("ul", $droppableId) : $("<ul class='gallery ui-helper-reset'/>").appendTo($droppableId);

        $item.find("a.ui-icon-trash").remove();
        $item.append(recycle_icon).appendTo($list).fadeIn(function() {
            $item.animate({
                width: "48px"
            }).find("img").animate({
                height: "36px"
            });
        });
    });
}

The function alerts out trash, which is correct, but when I try to pass "trash" into the .appendTo method it does not work the same as if I simple typed out trash.

Coin_op · Accepted Answer · 2013-01-18 00:05:48Z

2

$droppableId is simply the id of the element not a selector or the element itself.

Try .appendTo($('#'+$droppableId)); or .appendTo('#'+$droppableId);

As a side point I'd try and refrain from using $ at the start of your variables when using jquery, it can look a little confusing.

answered Jan 18, 2013 at 0:05

Coin_op

10.8k4 gold badges38 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Antarr Byrd · Accepted Answer · 2013-01-18 00:05:43Z

0

$("#trash").droppable({      
   accept: "#gallery > li",      
   activeClass: "ui-state-highlight",    
   drop: function( event, ui ) {   
   var $droppableId = $(this).attr("id");

  deleteImage($droppableId, ui.draggable );     
  }   
  });

answered Jan 18, 2013 at 0:05

Antarr Byrd

26.4k33 gold badges113 silver badges203 bronze badges

Collectives™ on Stack Overflow

Jquery function not passing parameters correctly

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related