var resultsList = $("#test");
resultsList.text("Hello. This is jQuery!");

var tB = jQuery("#toggleButton");

tB.on("click", function() {
    resultsList.toggle(400);
});

Я считаю, что синтаксис правильный, потому что консоль браузера не сообщает об ошибке.

При загрузке страницы переключатель не работает должным образом. Есть идеи, что мне здесь не хватает?

Мой HTML:

<div id="results" class="bordered-image"> 
    <button id="#toggleButton">Hide</button> 
    <div id="test">This is where results will live...eventually.</div>     
</div>
-1
Whitewolf 17 Дек 2015 в 07:29

5 ответов

Лучший ответ

Id = "toggleButton" вместо id = "# toggleButton".

0
Rajan Singh 17 Дек 2015 в 04:53
<div id="results" class="bordered-image"> 
<button id="#toggleButton" onclick="myff();">Hide</button> 
 <div id="test">This is where results will live...eventually.</div>     
</div>

 <script>
 function myff(){

  $("#test").toggle();  
  }

</script>
0
Digpal Singh 17 Дек 2015 в 05:06

Поместите код Jquery в document.ready () следующим образом: проверьте также Fiddle.

$(document).ready(function(){
       var resultsList = $("#test");
        resultsList.text("Hello. This is jQuery!");

        var tB = jQuery("#toggleButton");

        tB.on("click", function() {
            resultsList.toggle(400);
        });
    });

Ваш атрибут id должен быть id = "toggleButton" вместо id = "# toggleButton"

HTML :

<div id="results" class="bordered-image"> 
    <button id="toggleButton">Hide</button> 
    <div id="test">This is where results will live...eventually.</div>     
</div>
2
Sanjay Kumar N S 17 Дек 2015 в 04:51

Оберните его внутри функции готовности документа.

0
Lee Taylor 17 Дек 2015 в 04:53

Посмотрите этот пример.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<div id="results" class="bordered-image"> 
    <button id="toggleButton">Hide</button> 
    <div id="test">This is where results will live...eventually.</div>     
</div>

</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
   var resultsList = $("#test");
    resultsList.text("Hello. This is jQuery!");
    $("#toggleButton").click(function() {
        resultsList.toggle(400);
    });
});
</script>
</html>

Спасибо Амит

0
Amit Shah 17 Дек 2015 в 04:58