私が含めた
<script type='text/javascript' src='script.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
script.jsindex.html
は index.html と同じフォルダーにあります。body セクションでサイズ変更できる単純な div があります。
script.js は
$(document).ready(function () {
$("div").resizable();
});
非常に単純です..しかし、すべてのブラウザーでindex.htmlをロードすると、divのサイズは変更できません。jsファイルをインクルードする方法が間違っていますか?
index.html を読み込んで、div のサイズ変更を開始できると想定しています。
アップデート:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/ui-lightness/jquery-ui.css"/>
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script src='script.js'></script>
</head>
<body>
<div>Resize Me!</div>
</body>
</html>