Question

我正致力于创建一个更新数据库的装瓶日历。但我在可拖动和可放置功能方面遇到了一些问题。我希望在将装瓶从一个日期拖到另一个日期之后重新加载屏幕，但每当我放入location.reload（true）时，如果我将location.reload（true）取出，则停止正常工作，然后刷新拖放后手动，然后工作正常。

http://hq.terravant.com/calendar/calendar.php

$(function() {
    $( ".draggable" ).draggable();
    $( ".droppable" ).droppable({
        drop: function( event, ui ) {
        // $( this ).addClass( "ui-state-highlight" ).find( "p" ).html( "Dropped!" ); 

            var droppableId = $( this).attr("id");

                   var draggableId = ui.draggable.attr("id");
                    var objText = ui.draggable.text(); 

              $.post("update_bottling.inc.php",
               {
                dbID:draggableId,
                newDate:droppableId,
                prodId:objText
              },
              function(data,status){
               // alert("Data: " + data + "\nStatus: " + status);
              });

              location.reload(true);  // reloads the screen this isn't working
        }  // ends the drop function

    }); // ends the droppable function

    $(".draggable").click(function(){
        var dragId = $(this).attr('id');
        var prodId = $(this).text();


              $.post("details.inc.php",
              {
                date:dragId,
                productId:prodId
              },
              function(data){
                $('#details').html(data);
              });     
    });  // end the draggable click function

});  // ends the on ready function

Answer 1

您的代码正在使用chrome v36.0.1985.143。将产品拖入.droppable区域后，页面会按预期刷新。

无论如何，请尝试将您的代码更新为： window.location =＆＃34;＆＃34 ;; 而不是

window.location.reload（真）;

使用location.reload时，draggable / droppable不更新数据库（true）

1 个答案: