JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://demo.swfupload.org/v220/css/default.css">
<script src="http://demo.swfupload.org/v220/swfupload/swfupload.js"></script>
<script src="http://demo.swfupload.org/v220/simpledemo/js/swfupload.queue.js"></script>
<script src="http://demo.swfupload.org/v220/simpledemo/js/fileprogress.js"></script>
<script src="http://demo.swfupload.org/v220/simpledemo/js/handlers.js"></script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css">
<div id="header2">
<p>This is a Simple Demo create By swfupload.I modified it to show the bug on <b>>=IE9</b> <del>,and I havent test it on IE10.</del></p><br />
<p>I bind Draggable on #form1 (the yellow box),when you click or start drag it ,jquery throws Exception in IE's console</p><br />
<p><button id="push">TestMe</button><--This is a botton to run the script:<b>$("[someAttr=12345]")</b>.[--when Value is Number--] click it,and you will see the Exception in IE's console</p>
</div>
<div id="content">
<h2>Simple Demo</h2>
<form id="form1" action="index.php" method="post" enctype="multipart/form-data">
<p>Drage this form</p>
<div class="fieldset flash" id="fsUploadProgress">
<span class="legend">Upload Queue</span>
</div>
<div id="divStatus">0 Files Uploaded</div>
<div>
<span id="spanButtonPlaceHolder"></span>
<input id="btnCancel" type="button" value="Cancel All Uploads" onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
</div>
</form>
</div>
<div>
The main reason is at Line 1722 in acceptData Method in Jquery.<br /><br />
<pre>// A method for determining if a DOM...
CSS
#form1 { border:1px solid yellow;}
#header2 ol{list-style-type:decimal;}
pre{ background-color:grey;}
JavaScript
var swfu;
window.onload = function() {
var settings = {
flash_url :"http://demo.swfupload.org/v220/swfupload/swfupload.swf",
upload_url: "upload.php",
//post_params: {"PHPSESSID" : "<?php echo session_id(); ?>"},
file_size_limit : "100 MB",
file_types : "*.*",
file_types_description : "All Files",
file_upload_limit : 100,
file_queue_limit : 0,
custom_settings : {
progressTarget : "fsUploadProgress",
cancelButtonId : "btnCancel"
},
debug: false,
// Button settings
button_image_url: "http://demo.swfupload.org/v220/simpledemo/images/TestImageNoText_65x29.png",
button_width: "65",
button_height: "29",
button_placeholder_id: "spanButtonPlaceHolder",
button_text: '<span class="theFont">Hello</span>',
button_text_style: ".theFont { font-size: 16; }",
button_text_left_padding: 12,
button_text_top_padding: 3,
// The event handler functions are defined in handlers.js
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
queue_complete_handler : queueComplete // Queue plugin event
};
swfu = new SWFUpload(settings);
};
$(function(){
var options={
cursor:"move",
handle:"p",
stack: ".ui-draggable",
containment: "#content",
scroll: false
};
$("#form1").draggable(options);
$("#push").bind('click',function(){
var someObj=$("[someAttr=12345]");
//$("body").append(someObj);
});
});