Не получается подключить файл .js

pudge · November 18, 2013

Вот в одной теме дали ответ на то как создать простейший спойлер http://htmlforum.ru/index.php?showtopic=43772&hl= во втором посте дали ответ на пример этого спойлера,вот он - http://jsfiddle.net/QAu6q/1/ но у себя я его воссоздать не смог так как появились проблемы с .js файлом(я думаю именно в этом проблема так как именно в этом я и не разбираюсь).

У себя сделал я вот так:

html:

<html><head><link rel="stylesheet" type="text/css"  href='style.css/></head><body><a' href="js.js">klik</a><div class="js">hide text</div></body></html>

css:

.js {    display:none;}

Создал в той же папке файл js.js в котором находится вот что(кроме этого больше ничего там нету):

 $("a").click(function () {      $("div").toggle();    });

В общем что я не доделал?

ya_verstaka · November 18, 2013

подключите jquery ( //code.jquery.com/jquery-1.10.2.min.js) и файл с js кодом.

Edited November 18, 2013 by ya_verstaka

pudge · November 18, 2013

подключите jquery ( //code.jquery.com/jquery-1.10.2.min.js) и файл с js кодом.

Вот подключил библиотеку,и сам файл с кодом:

<html><head><link rel="stylesheet" type="text/css" href="style.css"/></head><body><script src="jquery.min.js"></script><script src="js.js"></script><a href="js.js">klik</a><div class="js">hide text</div></body></html>

Но всеравно ничего не поменялось....(

pudge · November 18, 2013

и ещё один вопрос,скрипт будет влиять на весь html-файл,точнее на все divы и <a> а этого допускать никак нельзя.

spdif · November 19, 2013

и ещё один вопрос,скрипт будет влиять на весь html-файл,точнее на все divы и <a> а этого допускать никак нельзя.

а вопрос какой?

pudge · November 19, 2013

и ещё один вопрос,скрипт будет влиять на весь html-файл,точнее на все divы и <a> а этого допускать никак нельзя.

а вопрос какой?

...начал писать одно,закончил по другому,но суть думаю ясна

spdif · November 19, 2013

...начал писать одно,закончил по другому,но суть думаю ясна

т.е. нет вопроса?

pudge · November 19, 2013

...начал писать одно,закончил по другому,но суть думаю ясна

т.е. нет вопроса?

раз так хочется вопрос... ок.

как сделать что бы данный скрипт влиял лишь на отдельную часть html кода,а не на все divы и теги ссылок <a>?

Так понятно?

spdif · November 19, 2013

раз так хочется вопрос... ок.

спасибо вам, очень большое одолжение сделали :lol:

по вопросу:

к нужным элементам можно обращаться через классы

$("a").click(function () {      $(".js").toggle();    });

pudge · November 19, 2013

по вопросу:

к нужным элементам можно обращаться через классы
$("a").click(function () {      $(".js").toggle();    });

изменил с дива на клас:

<a href="javascript:;">klik</a><div class="videoJS">hide text</div><script>$("a").click(function (){      $("videoJS").toggle();});</script>

перестало работать

spdif · November 19, 2013

а так?

<a href="javascript:;">klik</a><div class="videoJS">hide text</div><script>$("a").click(function (){      $(".videoJS").toggle();});</script>

Switch74 · November 19, 2013

селекторы в jquery для $() пишутся в двойных или одинарных кавычках

'a' - название тега, находит все ссылки

'.a' - название класса, находит все элементы с class="a"

'#a' - название id, находит все элементы с id="a"

принцип тот же, что и в CSS

'div#div>a.a' - находит все ссылки с class="a", находящиеся в div c id="div"

в вашем случае я бы указал для связанных ссылки и дива id, например так

<style>#spoiler_1{display:none;}</style><script>$('.spoiler_1').click(function (){      $('#spoiler_1').toggle();});</script><a class="spoiler_1">Спойлер</a><div id="spoiler_1">Спойлер</div>

pudge · November 19, 2013

селекторы в jquery для $() пишутся в двойных или одинарных кавычках
'a' - название тега, находит все ссылки
'.a' - название класса, находит все элементы с class="a"
'#a' - название id, находит все элементы с id="a"
принцип тот же, что и в CSS
'div#div>a.a' - находит все ссылки с class="a", находящиеся в div c id="div"

в вашем случае я бы указал для связанных ссылки и дива id, например так
<style>#spoiler_1{display:none;}</style><script>$('.spoiler_1').click(function (){      $('#spoiler_1').toggle();});</script><a class="spoiler_1">Спойлер</a><div id="spoiler_1">Спойлер</div>

спасибо за разьяснения теперь все стало на свои места!

pudge · November 19, 2013

Появилась ещё одна проблема!

Как сделать что бы один скрипт работал на все метки по отдельности а не сразу?

Например у меня вот как все выглядит:

<a href="javascript:;" class="videoA">один</a><div class="videoJS">hide text 1</div><a href="javascript:;" class="videoA">два</a><div class="videoJS">hide tex 2t</div><script>$(".videoA").click(function (){      $(".videoJS").toggle();});</script>

но при открывании одного из скриптов открываются оба а не только тот что нужен!Да я в теории могу все класы сделать разными,но нужно будет и скрипты копировать и ксс,а это увеличит размеры кода раз так в 50 так как мне таких спойлеров нужно 20-100(на разных страницах по разному),В общем подскажите а то нехочу создавать себе геморой.

pudge · November 19, 2013

тему можно закрывать

Sign In

Не получается подключить файл .js

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information