Хорошо, вот проблема. jQuery Resizable просто не работает на этой странице: нажмите здесь
Попробуйте на сером поле в левом верхнем углу.
То, что я хочу сделать, это сделать размер окна с нужным размером. Но это не сработало, поэтому я попытался просто скопировать все со страницы примера jQuery UI в свою и попробовать. Поэтому я добавил серое поле так же, как они сделали, используя даже тот же CSS, но он не будет работать.
Вот как называются библиотеки:
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.1");
google.load("jqueryui", "1.7.2");
google.setOnLoadCallback(function() {
});
</script>
<script type="text/javascript" src="js/thickbox.js"></script>
<script type='text/javascript' src='js/jqueryEasingMin.js'></script>
<script type='text/javascript' src='js/jquery.imghover-1.1rc.js'></script>
<script type="text/javascript" src="js/shoutbox.js" ></script>
<script type="text/javascript" src="js/bbcode.js" ></script>
<script type='text/javascript' src='js/jqueryLoader2.js'></script>
скрипт внутри функции готовности документа (как в примере):
$('#resizable').resizable();
CSS серого поля:
<style type="text/css">
#resizable { width: 100px; height: 100px; background: silver; position:relative; z-index:15;}
</style>
Мне пришлось добавить параметры позиции и z-index из-за дизайна моего сайта, но это, похоже, ни на что не влияет.
И реализация:
<div id="resizable"></div>
Я думаю, что мне здесь не хватает чего-то действительно очевидного, но я не вижу этого.
Я даже попробовал связать библиотеки пользовательского интерфейса jquery с локальным каталогом вместо того, чтобы использовать библиотеки Google.
Я был бы очень признателен в правильном направлении.
Спасибо