переменная в jQuery

Grey · 18.02.2010, 14:24

Подскажите пожалуйста почему переменная sm='$("#'+m+'")'; не работает как объект? Что сделать, чтобы заработала?

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<head>

<style>
.navEle{
  position: relative;
	top:100px;
	left:100px;
  width:120px;
	height:100px;
	background-color:blue;
	float:left;
	margin: 0px 0px 0px 20px;
}
.subMenu{
  width:120px;
	height:300px;
	background-color:red;
	position:absolute;
	left:500px;
	top:110px;
}
</style>

<script type="text/javascript" src="libs/jquery.js"></script>
<script type="text/javascript">

function moveSm(m){
  sm='$("#'+m+'")';
	el=$("#navEle1");
	sm.hide();
}
</script>
<title>Untitled</title>
</head>
<body>
<div class="navEle" id="navEle1" onClick="moveSm('subMenu1')"></div>
<div class="subMenu" id="subMenu1"></div>
</body>
</html>

Niemans · 18.02.2010, 16:28

Вы это пытаетесь сделать?

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script>
$(document).ready(function(){
	$(".hover1").hover(
		function () {
			$(".item1").animate({'height': '200px'},1000);
		}, 
		function () {
		$(".item1").animate({'height': '0px'},1000);
		}
	);					   
	$(".hover2").hover(
		function () {
			$(".item2").animate({'height': '200px'},1000);
		}, 
		function () {
		$(".item2").animate({'height': '0px'},1000);
		}
	);					   
});
</script>
<style>
#container {width:720px; min-height:700px; //height:expression(eval(document.documentElement.clientHeight)); margin:0px auto; border:1px solid black;	background-color: #FFFFFF;}
.navBar {width:720px; height:100px; background-color:black;}
.navEle {float:left; width:120px; height:100px; background-color:blue; margin:0px 0px 0px 20px; //display: inline;}
.hover1, .hover2 {position: relative}
.item1, .item2 {position: absolute;	height: 0px; width: 120px; background: #f00; top: 102px; left: 0; overflow: hidden}
</style>
</head>
<body>
<div id="container">
  <div class="navBar">
    <div class="navEle"></div>
    <div class="navEle hover1">
      <div class="item1"></div>
    </div>
    <div class="navEle"></div>
    <div class="navEle hover2">
      <div class="item2"></div>
    </div>
    <div class="navEle"></div>
  </div>
</div>
</body>
</html>

Grey · 18.02.2010, 17:05

Nimans, в принципе да, но проблемы с деталями. Во вложении то, что я хочу научиться делать самостоятельно Взято <a href="http://www.abc-it.lv/index.php/id/1105">Здесь</a>. Код хороший, на мой взгляд, но старый. Пытаюсь модернизировать его через jquery.
Пытаюсь написать функцию типа function show(el,m) - 136 строка, но на jquery. Т.е. функция выкидывает меню в зависимости от параметра функции в обработчике.

Хммм, а как ссылку вставить в сообщение?

Niemans · 18.02.2010, 17:10

то что у вас в архиве можно сделать просто на css и не мучить скрипты, а эффект плавности можно сделать просто $(".item").show("slow');

Grey · 18.02.2010, 17:13

А задержку закрытия при mouseout из субменю?
Кроме того интересно как это сделать в принципе, одна функция, работающая для нескольких объектов.

Вопрос по ссылке снимается, туплю.

Niemans · 18.02.2010, 19:08

settimeout

kost · 18.02.2010, 21:35

Выкиньте все ненужные кавычки.

Код:

sm = $('#' + m);

Grey · 19.02.2010, 09:29

kost, спасибо =)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
переменная	vik7878	ASP, Perl, PHP и MySQL	5	13.08.2006 01:23
Sql: Переменная в названии Таблицы	chaynik	ASP, Perl, PHP и MySQL	0	31.07.2006 07:26
переменная	SpyLib	ASP, Perl, PHP и MySQL	4	20.12.2005 16:36
Переменная	dim	HTML, CSS, JavaScript	4	20.09.2005 09:36
Переменная в ссылке.	tend	Зал дебютантов	5	03.02.2005 16:19

18.02.2010, 17:10	#4
Niemans	то что у вас в архиве можно сделать просто на css и не мучить скрипты, а эффект плавности можно сделать просто $(".item").show("slow');

18.02.2010, 17:13	#5
Grey	А задержку закрытия при mouseout из субменю? Кроме того интересно как это сделать в принципе, одна функция, работающая для нескольких объектов. Вопрос по ссылке снимается, туплю. Последний раз редактировалось Grey; 18.02.2010 в 17:20..

18.02.2010, 21:35	#7
kost	Выкиньте все ненужные кавычки. Код: sm = $('#' + m);

18.02.2010, 14:24
Ссылки