IE9에서 jQuery UI 끌어서 놓기 문제

제 질문은 IE9에서 jQuery UI의 드래그 앤 드롭 기능을 사용할 수 없습니다. 어떻게해야합니까?IE9에서 jQuery UI 끌어서 놓기 문제

<script type="text/javascript" src="js/jquery-1.3.2-vsdoc.js" ></script> 
<script type="text/javascript" src="js/jquery.json-2.2.min.js" ></script> 
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js" ></script> 
<script type="text/javascript" > 
$(function() { 
    $(".dragbox") 
.each(function() { 
$(this).hover(function() { 
    $(this).find("h2").addClass("collapse"); 
}, function() { 
    $(this).find("h2").removeClass("collapse"); 
}) 
.find("h2").hover(function() { 
    $(this).find(".configure").css("visibility", "visible"); 
}, function() { 
    $(this).find(".configure").css("visibility", "hidden"); 
}) 
.click(function() { 
    $(this).siblings(".dragbox-content").toggle(); 
    updateWidgetData(); 
}) 
.end() 
.find(".configure").css("visibility", "hidden"); 
}); 
    $(".column").sortable({ 
     connectWith: ".column", 
     handle: "h2", 
     cursor: "move", 
     placeholder: "placeholder", 
     forcePlaceholderSize: true, 
     opacity: 0.4, 
     start: function(event, ui) { 
      //Firefox, Safari/Chrome fire click event after drag is complete, fix for that 
      if ($.browser.mozilla || $.browser.safari) 
       $(ui.item).find(".dragbox-content").toggle(); 
     }, 
     stop: function(event, ui) { 
      ui.item.css({ "top": "0", "left": "0" }); //Opera fix 
      if (!$.browser.mozilla && !$.browser.safari) 
       updateWidgetData(); 
     } 
    }) 
    .disableSelection(); 
    }); 
    function updateWidgetData() { 
    var items = []; 
    $(".column").each(function() { 
     var columnId = $(this).attr("id"); 
     $(".dragbox", this).each(function(i) { 
      var collapsed = 0; 
      if ($(this).find(".dragbox-content").css("display") == "none") 
       collapsed = 1; 
      var item = { 
       id: $(this).attr("id"), 
       collapsed: collapsed, 
       order: i, 
       column: columnId 
      }; 
      items.push(item); 
     }); 
    }); 
    var sortorder = { items: items }; 
    $.ajax({ 
     type: "POST", 
     url: "not.aspx/siralamakaydet", 
     data: "{list:'" + $.toJSON(sortorder) + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     error: function() { 
      alert("hata"); 
     }, 
     success: function(msg) { 

      alert(" Sıralama yapıldı..."); 
     } 
    }); 
    //Pass sortorder variable to server using ajax to save state 

    // $.post('updatePanels.php', 'data=' + $.toJSON(sortorder), function(response) { 
    //  if (response == "success") 
    //   $("#console").html('<div class="success">Saved</div>').hide().fadeIn(1000); 
    //  setTimeout(function() { 
    //   $('#console').fadeOut(1000); 
    //  }, 2000); 
    // }); 
    } 
    </script>

출처

2011-08-26 Selo

이 일어날 것으로 예상하고 실제로 무슨 일이 일어나고있는 것처럼, 정보를 추가하십시오. –

@El Yobo-First. 모두에게 감사합니다. 내 프로젝트 링크 : http : //www.tr38.net/not.aspx – Selo

감사합니다. Selo, 귀하의 페이지를 볼 수 있지만 괜찮아 질 수 있습니다. IE9에서 어떤 일이 벌어지고 있습니까? 크롬을 사용하고 있습니다. –

나는 그것이 당신의 JQuery와 및 JQuery와 UI 버전의 생각 :

여기 내 코드입니다. 이 관련 질문을 확인 : 그 사람에 대한 Jquery drag drop bug in IE9

작품에서 : JQuery와 1.6.2 & JQuery와 UI 1.8.14

출처

2011-09-19 20:29:53 tmsimont

IE9에서 jQuery UI 끌어서 놓기 문제

답변

관련 문제