X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Jquery, простой пример, но нерабочий
Ворон
Ворон
Topic Starter сообщение 28.8.2008, 2:28; Ответить: Ворон
Сообщение #1


<html>
<head>
<script type="text/javascript" src="http://test.ru/jquery.js"></script>
<script>
$(document).ready(function() {
$("ref").click( function() {
$.post("http://test.ru/func.php");
});
});
</script>
</head>
<body>
<a href="#" id='ref'> click me </a>
</body>
</html>


Написал кусок кода. Не работает. Начал разбираться и первый затык уже полдная сижу.
- все файлы подключаемые/вызываемые файлы существуют и работают корректно.

По какой причине код может не работать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 28.8.2008, 3:52; Ответить: UncleM
Сообщение #2


Нужно заменить
$("ref").click( function() {
на
$("#ref").click( function() {


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ворон
Ворон
Topic Starter сообщение 28.8.2008, 9:26; Ответить: Ворон
Сообщение #3


спасибо, все работает.

появились еще два вопроса в продолжении темы:
1) весьма некрасиво когда в url в адресной строки болтается '#'. можно избавиться?
2) все id должены начинаться с '#'?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 28.8.2008, 14:07; Ответить: UncleM
Сообщение #4


1. Можно изменить
<a href="#" id='ref'> click me </a>

на
<a href="javascript:;" id='ref'> click me </a>

или вообще избавиться от href="..." и добавить следующий CSS код к странице:
а{
color: blue;
cursor: pointer;
}

Не тестил, но по логике эффект должен быть тот же, что и с href="#".

2. В jQeury - да. API такой странный/интересный.


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ворон
Ворон
Topic Starter сообщение 28.8.2008, 17:23; Ответить: Ворон
Сообщение #5


большое спасибо. помогли.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ворон
Ворон
Topic Starter сообщение 29.8.2008, 1:03; Ответить: Ворон
Сообщение #6


появилась еще пара вопросов:
- нигде не нашел возможность вызова из jquery функции из php модуля, а только лишь обращение к модулю целиком. есть такая возможность, если да - как?
- почему-то нигде скрипт на jquery не инкапсулируется в js файл. от этого код виден при просмотре страницы. это типа так принято, чтобы видеть что вызывается? есть ли способы инкапсуляции?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 29.8.2008, 1:22; Ответить: UncleM
Сообщение #7


1.
jQuery - это JavaScript, client-side, т.е. выполняется прямо в браузере, самим браузером, на вашем компьютере.

PHP - это уже server-side, все выполняется на сервере и браузеру выдается только готовый результат.

jQuery может посылать запросы PHP файлу и получать ответы, и все. Что там делает PHP код, известно только серверу. Проще говоря, прямой связи с Javascript и PHP нет. Ипользуйте какой-то параметр в запросе, который посылает jQuery. Если очень надо, могу поподробней, но это будет целая лекция.


Инкапсуляция не имеет никакого отношения к тому, какой код вы видите или не видите (на странице). Подробней здесь
http://ru.wikipedia.org/wiki/%D0%98%D0%BD%...%BD%D0%B8%D0%B5)


2.
Вы можете поместить весь код в отдельный .js файл и включить его после jquery.js
Пример:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ФАЙЛ_С_ВАШИМ_КОДОМ.js"></script>


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ворон
Ворон
Topic Starter сообщение 29.8.2008, 1:59; Ответить: Ворон
Сообщение #8


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ФАЙЛ_С_ВАШИМ_КОДОМ.js"></script>

это-то понятно, но ведь включение, но ведь его нельзя вызвать как функцию сделав сначала
<script type="text/javascript" src="ФАЙЛ_С_ВАШИМ_КОДОМ.js"></script>
в файле объявить функцию с телом кода, а потом
<input name="Submit" type=button value="Добавить" id="ref" onmousedown="javascript:test()">

что работает для обычного js.
вопрос - зачем плодить файлы?

jQuery - это JavaScript, client-side, т.е. выполняется прямо в браузере, самим браузером, на вашем компьютере.

PHP - это уже server-side, все выполняется на сервере и браузеру выдается только готовый результат.

это ясно.
меня просто смущает возможность обратиться в файлу и Отсутствие возможности обращения к функции из файла. представьте себе, что в dll может храниться только одна функция. смешно ж )

Инкапсуляция не имеет никакого отношения к тому, какой код вы видите или не видите (на странице). Подробней здесь
http://ru.wikipedia.org/wiki/%D0%98%...BD%D0%B8%D0%B5)

ссылка битая. не хочет понимать percent-encoding с закрывающейся скобкой. ну да я знаю что такое полиморфизм. в данном случае имеется ввиду скрытие кода от юзера.

кажись зеленые пути мудрости jquery пока недоступны для меня :\i
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bumer_hb
bumer_hb
сообщение 5.3.2010, 19:25; Ответить: bumer_hb
Сообщение #9


скачал с инета вот этот скрипт <script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>

<!-- Optional -->
<script type="text/javascript" src="path/to/easing.js"></script>
<script type="text/javascript" src="path/to/mousewheel.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>

<body>
<button class="prev"><<</button>
<button class="next">>></button>

<div class="anyClass">
<ul>
<li><img src="contakt.jpg" width="231" height="254"></li>
<li><img src="f6.jpg" width="400" height="300"></li>
<li><img src="someimage" alt="" width="100" height="100" ></li>
<li><img src="someimage" alt="" width="100" height="100" ></li>
</ul>
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
</div>
перенешу на хостинг выдает ошибку 404. может кто знает в чем проблема
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 5.3.2010, 19:32; Ответить: Zippovich
Сообщение #10


to Mike:

очень не рекомендую делать так:

<a href="javascript:;" id='ref'> click me </a>


лучше тогда так:

<a href="#" id='ref' onсlick="return: false;"> click me </a>


или вообще избавиться от href="..."


и какой валидатор Вам потом не матюкнется?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1244 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44935 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Простой способ заработать на пиво за 5 минут
Халява для граждан РФ
17 MaxChemist 3147 15.9.2022, 17:42
автор: MaxChemist
Открытая тема (нет новых ответов) Нужен простой скрипт выставления ставок в Яндекс.Директ
1 taxi2008 1353 12.11.2020, 3:14
автор: Coffee
Открытая тема (нет новых ответов) Нужен простой лендинг с формой обратной связи
10 Kuzzma 2600 11.9.2020, 21:33
автор: Kuzzma


 



RSS Текстовая версия Сейчас: 24.4.2024, 22:54
Дизайн