2014-02-23 5 views
0

Я только что начал с ASP.NET и C# неделю назад, и это идет правильным путем. Во время моего путешествия я столкнулся с проблемой изменения метки ящика при нажатии на нее.Изменить текст на кнопке с помощью Javascript

Я нашел несколько примеров на этом сайте и попытался его реализовать, но как-то он не работает.

Моя голова выглядит следующим образом:

<head runat="server"> 
    <title></title> 
    <script src="/js/jquery-1.10.2.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

     $('button').click(function() { 
      $(this).text(function (i, old) { 
       return old == '+' ? '-' : '+'; 
      }); 
     }); 

    </script> 
</head> 

и мое тело выглядит следующим образом:

<body> 

     <button>+</button> 

</body> 

Но эта кнопка не меняется от + до - когда им щелкнув по нему.

Я попытался надеть jsfiddle, и здесь он работает.

http://jsfiddle.net/fVpkm/114/

вы можете сказать мне, что случилось с моей очень простой форме?

Ваш Искренне

KP

+1

На моей стороне вашей скрипка работает ... Какой браузер вы используете? –

+0

Работаю отлично! –

+0

Вы пытались обернуть свой код с помощью $ (document) .ready (function() {}); –

ответ

0

В вашей скрипке, на левой стороне, он говорит onDomready. Таким образом, вам не нужно использовать document.ready. Но в реальном коде вы должны дождаться загрузки dom.

<head runat="server"> 
    <title></title> 
    <script src="/js/jquery-1.10.2.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
$(document).ready(function(){ 
     $('button').click(function() { 
      $(this).text(function (i, old) { 
       return old == '+' ? '-' : '+'; 
      }); 
     }); 
}); 
    </script> 
</head> 
+0

ahh. Отлично. Благодаря! Теперь я собираюсь продолжать бросать себя на него снова и снова! – Kalle

+0

Я сделал это на моей веб-странице сейчас. Но у меня проблема с кнопкой входа в систему, которая также является

+0

Потому что, если я добавлю еще одну кнопку, эта функция не должна выполняться при нажатии этой кнопки. Если вы поймете мой вопрос? – Kalle

0

Как уже упоминалось, Ashish, ваша скрипка отлично работает. Единственная проблема здесь - правильная декларация.

Попробуйте обертывание сценария в случае DOM нагрузки:

$(document).ready(function() { 
    /* code here */ 
} 
Смежные вопросы