Проблема с jquery

linkoln · 25.06.2012

Код:

$(function() {
$("#search").click(function() {
var position = 0px;
$("#search").css("right", "0");
});
});

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

не работает. где ошибка?

Код:

<script>
$(document).ready(function(){
    $(document).not('#search').click(function(){
	    $('#search').css('right', '-200px'); // клик был на странице вне элемента
    });
    $('#search').click(function(){
	    $('#search').css('right', '0'); // клик был на самом основном элементе
	    return false;
    });
});
</script>

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

Volter9 · 25.06.2012

А ты проверял FireBug'oм или DragonFly'eм?

Покажи весь код.
Или добавь вот это:

Код:

<style>
body {
width:100%;
height:100%;
}
</style>

в head, и тебе будет счастье!

linkoln · 26.06.2012

Код:

<html>
<head>
  <title>PlaceHolder | Home</title>
  <style>
  body {
width:100%;
height:100%;
}
  #logo {
   position:absolute;
   width:226px;
   height:75px;
   top:25px;
   left:16px;
   background:url('img/logotypes/with-text-dark.png');
  }
#account {
  position:absolute;
  top: 52px;
  left:359px;
  font:12pt Segoe UI;
}
#account > b > a {
  font:10pt Segoe UI;
  color:#333333;
  text-decoration: none;
  font-weight:bold;
}
#upload_photos {
  position:absolute;
  top:53px;
  left:777px;
  background:url('img/index/upload.png');
  width:118px;
  height:26px;
}
#upload_photos:hover {
  background:url('img/index/uploadhover.png');
}
#search {
  position:absolute;
  top:45px;
  right:-200px;
  width:242px;
  height:40px;
  background:url('img/index/search.png');
}
#search-input {
  position:absolute;
  top:7px;
  left:51px;
  width:181px;
  height:26px;
  border:none;
  padding: 1.5 8px 1.5px 8px
}
#search-input::-webkit-input-placeholder{
  font:11pt Segoe UI;
  color:#adadad;
}
  </style>
   <script type="text/javascript" src="js/typeface-0.15.js"></script>
<script type="text/javascript" src="js/segoe_ui_regular.typeface.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(function() {
$("#search").click(function() {
var position = 0px;
$("#search").css("right", "0");
});
});
</script>
</head>
<body style="overflow-y:hidden; overflow-x:hidden;" class="myclass typeface-js"s>
<div id="logo" onclick="location.href='index.php'"></div>
    <div id="account"><b><a href="login/">Login</a>    <a href="singup/">Singup</a></b></div>
    <div id="upload_photos"></div>
    <div id="search"><input type="text" placeholder="Search" id="search-input" /></div>
</body>
</html>

lekzd · 26.06.2012

"px" забыли поставить в указании величины "right"

linkoln · 26.06.2012

$(function() {
$("#search").blur(function() {
$("#search").css("right", "-200px");
});
});
я вот кстати добавил и опять не рабит

lekzd · 26.06.2012

а алерт на этот blur хоть выводит?

Volter9 · 26.06.2012

Ты читал про эти методы?
.blur работает только для элементов формы.

http://api.jquery.com/blur/

linkoln сказал(а):

Код:

$(function() {
$("#search").click(function() {
var position = 0px;
$("#search").css("right", "0");
});
});

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

не работает. где ошибка?

Код:

&lt;script>
$(document).ready(function(){
    $(document).not('#search').click(function(){
        $('#search').css('right', '-200px'); // клик был на странице вне элемента
    });
    $('#search').click(function(){
        $('#search').css('right', '0'); // клик был на самом основном элементе
        return false;
    });
});
</script>

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

Также для отладки приложения, следует для всех елементов ставить бордеры что б видно было где границы..

linkoln · 27.06.2012

Volter9 сказал(а):
Ты читал про эти методы?
.blur работает только для элементов формы.

http://api.jquery.com/blur/

linkoln сказал(а):

Код:

$(function() { $("#search").click(function() { var position = 0px; $("#search").css("right", "0"); }); });

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

не работает. где ошибка?

Код:

<script> $(document).ready(function(){ $(document).not('#search').click(function(){ $('#search').css('right', '-200px'); // клик был на странице вне элемента }); $('#search').click(function(){ $('#search').css('right', '0'); // клик был на самом основном элементе return false; }); }); </script>

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

Нажмите, чтобы раскрыть...

Также для отладки приложения, следует для всех елементов ставить бордеры что б видно было где границы..

не работает

brevis · 27.06.2012

var position = "0px";

Volter9 · 27.06.2012

linkoln сказал(а):
Volter9 сказал(а):

Ты читал про эти методы?
.blur работает только для элементов формы.

http://api.jquery.com/blur/

linkoln сказал(а):

Код:

$(function() { $("#search").click(function() { var position = 0px; $("#search").css("right", "0"); }); });

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

не работает. где ошибка?

Код:

<script> $(document).ready(function(){ $(document).not('#search').click(function(){ $('#search').css('right', '-200px'); // клик был на странице вне элемента }); $('#search').click(function(){ $('#search').css('right', '0'); // клик был на самом основном элементе return false; }); }); </script>

Код:

<div id="search"><input type="text" placeholder="Search" id="search-input" /></div>

Нажмите, чтобы раскрыть...

Также для отладки приложения, следует для всех елементов ставить бордеры что б видно было где границы..

Нажмите, чтобы раскрыть...

не работает

Почитай хорошенько про ДОМ.
Тебе следут сделать еще один див: дочерний к body и родительский к div#search и на него евент .click(functio () {/* Код */});

Проблема с jquery

linkoln

Active Member

Volter9

defined('SURRENDER') or die(); // StarWars

linkoln

Active Member

lekzd

parse error: parse error, unexpected T_STRING...

linkoln

Active Member

lekzd

parse error: parse error, unexpected T_STRING...

Volter9

defined('SURRENDER') or die(); // StarWars

linkoln

Active Member

brevis

Well-Known Member

Volter9

defined('SURRENDER') or die(); // StarWars

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей