views:

7

answers:

0

this is my code:

<div class="demo" style="margin:0 auto;height: 100%;">
    <div id="A" style="float:left;height:50%;margin:0 100px 0 0;width:100%;background:#333;">

    </div>
    <div id="droppable" >
        <p>Drop here</p>
    </div>
</div><!-- End demo -->

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8rc3.custom.min.js"></script>
<script type="text/javascript">
$(function() {
    var f=  '<div id="draggable">'+
                '<p>Drag me to my target</p>'+
            '</div>'
    $(f).appendTo($('#A'))
    $("#draggable").draggable({
        helper: 'clone'
    });
    $("#droppable").droppable({
        greedy: true,
        drop: function(event, ui) {
            //$(this).find('p').html('Dropped!');
            $(this).append($(ui.helper).draggable("disable").addClass('end').find('p'))
            $(ui.helper ).remove()
        }
    });

});
</script>

it can be running on firefox ,

but can not be running on iphone , so

what should i do ..

thanks