нажатия кнопок не работает JavaScript

У меня есть кнопка на страницу, которая я хочу, чтобы скрыть/отобразить поле под ним:нажатия кнопок не работает JavaScript

<button id="post1-new-comment-button" type="button">Click</button> 
<input id="post1-new-comment" name="comment[body]" size="50" type="text" />

со следующим CSS

#post1-new-comment { 
    display: none; 
}

и JavaScript

$(function() { 
    return $("#post1-new-comment-button").click(function() { 
     return $("#post1-new-comment").val("").toggle(); 
    }); 
});

Однако ничего не происходит, когда нажимается кнопка. Что я здесь делаю неправильно? На jsfiddle здесь: http://jsfiddle.net/Z5hqZ/

источник

2013-03-13 robertjlooby

Для начала, вы не включая JQuery на вашем jsfiddle ... – DarkAjax

Не для начинающих. Для ответа. Включая jQuery 1.9.1, скрипт работает нормально. – AlienWebguy

Это было действительно глупо. Реальная проблема закончилась тем, что я использовал CoffeeScript для генерации javaScript, на который я не смотрел, пока не показалось, что он не работает на jsfiddle. – robertjlooby

Не забудьте включить jQuery когда вы хотите использовать его, так как это не на вашей скрипке, и ваш HTML не так, на скрипке у вас есть:

<button id="post1-new-comment-button" type="button">

Оно должно быть:

<button id="post1-new-comment-button"></button>

В противном случае вход будет внутри кнопки. На вашем примере, вы не закрывая <button> тег, также нет необходимости добавлять type="button" и вам не нужно return на вашем JavaScript либо ...

Обновленный рабочий пример: http://jsfiddle.net/darkajax/VKGdv/

источник

2013-03-13 16:11:59 DarkAjax

Правда, но это не является причиной проблемы. Ваш комментарий выше был. – AlienWebguy

@AlienWebguy правильно, но с неправильным html на примере скрипта, который имеет op, вход внутри кнопки, и я предполагаю, что это не предназначенный вывод ... – DarkAjax

Правильно, но моя проблема была в том, что JS не работает , что не имеет ничего общего с ошибками синтаксиса DOM. – AlienWebguy

Попробуйте это:

$(function() { 
    $("#post1-new-comment-button").click(function() { 
     $("#post1-new-comment").val("").toggle(); 
    }); 
});

источник

2013-03-13 16:10:47 rhughes

Для скрытия/unhide -

$(function() { 
    $("#post1-new-comment-button").click(function() { 
     $("#post1-new-comment").toggle(); 
    }); 
});

источник

2013-03-13 16:15:24

Попробуйте это. и не забудьте установить библиотеку в jsfiddle на JQuery, и выполнить скрипт на DOM готового

$(function() { 
$("#post1-new-comment-button").click(function() { 
    $("#post1-new-comment").toggle(); 
});

});

Здесь работает ссылка: http://jsfiddle.net/Z5hqZ/2/

и Дон, забудьте закрывающий тег для кнопки

источник

2013-03-13 16:15:31

На самом деле все выше/ниже:

Вам нужно включить JQuery
Ваша кнопка требуется закрывающий тег (и предпочтительно некоторый текст для отображения на кнопке между ними)

Используйте только те, мычание:

$(document).ready(function(){ 
    $("#post1-new-comment-button").click(function() { 
    $("#post1-new-comment").toggle(); 
    }); 
});

источник

2013-03-13 16:16:02 Raad

Вашей скрипка не работает, потому что вы не имеете JQuery в нем. Я обновил его и удалил возврат.

http://jsfiddle.net/Z5hqZ/5/

$(function() { 
    $("#post1-new-comment-button").click(function() { 
    $("#post1-new-comment").val("").toggle(); 
    }); 
});

источник

2013-03-13 16:20:45

нажатия кнопок не работает JavaScript

ответ

Смежные вопросы