mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
18e301f4e2
Custom handlers did not work as jquery objects (outside the resizable element) Fixes #9658 Closes gh-1445
85 lines
1.7 KiB
HTML
85 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>jQuery UI Resizable Test Suite</title>
|
|
|
|
<script src="../../jquery.js"></script>
|
|
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
|
<script src="../../../external/qunit/qunit.js"></script>
|
|
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
|
|
<script src="../testsuite.js"></script>
|
|
<script>
|
|
TestHelpers.loadResources({
|
|
css: [ "core", "resizable" ],
|
|
js: [
|
|
"ui/core.js",
|
|
"ui/widget.js",
|
|
"ui/mouse.js",
|
|
"ui/resizable.js"
|
|
]
|
|
});
|
|
</script>
|
|
|
|
<script src="resizable_common.js"></script>
|
|
<script src="resizable_core.js"></script>
|
|
<script src="resizable_events.js"></script>
|
|
<script src="resizable_methods.js"></script>
|
|
<script src="resizable_options.js"></script>
|
|
<script src="resizable_test_helpers.js"></script>
|
|
|
|
<script src="../swarminject.js"></script>
|
|
|
|
<style>
|
|
#container {
|
|
width: 300px;
|
|
height: 200px;
|
|
}
|
|
#resizable1 {
|
|
background: green;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
#resizable2 {
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
#container2 {
|
|
position: relative;
|
|
width: 400px;
|
|
height: 400px;
|
|
margin: 30px 0 0 30px;
|
|
}
|
|
#parent {
|
|
position: relative;
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
#child {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="qunit"></div>
|
|
<div id="qunit-fixture">
|
|
|
|
<div id="container">
|
|
<div id="resizable1">I'm a resizable.</div>
|
|
<div id="resizer1" class="ui-resizable-handle ui-resizable-s"></div>
|
|
</div>
|
|
|
|
<div id="container2">
|
|
<div id="parent">
|
|
<div id="child">I'm a resizable.</div>
|
|
</div>
|
|
</div>
|
|
<img src="images/test.jpg" id="resizable2" alt="solid gray">
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|