Addclass не з'яўляецца функцыяй у JQuery

У мяне ёсць функцыя, якая павінна курсор, якія знаходзяцца дадаць клас да майго акна прагляду элементу, але я атрымліваю паведамленне пра памылку ў падпальшчык, калі я навядзіце курсор мышы: TypeError :. jQuery (...) addclass не з'яўляецца функцыя.

HTML-код з'яўляецца:

<!DOCTYPE HTML>
<html>
<head> 
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title('|','true','right'); ?><?php bloginfo('name'); ?></title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url'     ); ?>" />
<?php wp_head(); ?>
</head>
<body <?php body_class($class); ?>>
<div class="main-logo"> <div id="site-title"> </div><!--.site-title--> </div><!--main-logo--> <div class="header-right"> </div><!--header-right-->
 

 

<div class="viewport">
<script type="text/javascript"><!--//-->
<!--
jQuery(document).ready(function(jQuery){
jQuery('nav .home a').mouseover(function()
  {
    jQuery('.viewport').addclass('.viewporthome');
  });
});
 //-->
</script>
</div>
</div>

The related styles are:

    .viewport
    {
height: 400px;
width: 400px;
position: relative;
top: -90px;
margin: 0 auto;

}

.viewporthome
{
background-image: url('images/Screen2.png');
background-repeat: no-repeat;
background-position: center;
background-attachment: relative;

}

The JS file is:

      var hoverhome = 'url("images/Screen2.png")';
  var empty = '';
  var success = 'SUCCESS!';
  //home
  jQuery('nav .home a').hover(function()
  {
    jQuery('.viewport').css('background-image', hoverhome);

  });
  jQuery('nav .home a').mouseout(function()
  {    
        jQuery('.viewport').css('background-image', empty);
  }); 
6

7 адказы

Паспрабуйце гэта:

jQuery('.viewport').addClass('viewporthome');

addClass need a capital "C".

Акрамя таго, пры даданні класа, вам не трэба ставіць «» у радку ці класе будзе .. viewporthome .

14
дададзена
ВЯЛІКІ УСПЕХ! «Акрамя таго, пры даданні класа, вам не трэба ставіць». «У радку ці ваш клас будзе ..viewporthome.» Працуе выдатна, дзякуй кучы.
дададзена аўтар Chris, крыніца

Use addClass instead of addclass

5
дададзена
не, гэта проста адчувальныя да рэгістра :)
дададзена аўтар A. Wolff, крыніца
Але пры даданні з дапамогай addClass (), яна не працуе? Гэта?
дададзена аўтар A. Wolff, крыніца
дададзена аўтар Karl-André Gagnon, крыніца
@ Крыс: верагодна, шлях ад класа CSS няправільна.
дададзена аўтар Claudio Redi, крыніца
Javascript вельмі, вельмі, вельмі адчувальныя да рэгістра
дададзена аўтар PitaJ, крыніца
@Claudio Реди пратэставалі шлях CSS, малюнак загружаецца, калі я дадаць клас .viewporthome ў клас акна прагляду manaually.
дададзена аўтар Chris, крыніца
Гэта зрабіла працу, дзякуй. Як-небудзь з вас зразумець, чаму фонавы малюнак не будзе адлюстроўвацца цяпер, што гэта павінна быць, дадаўшы, што клас?
дададзена аўтар Chris, крыніца

Use addClass instead of addclass

5
дададзена
не, гэта проста адчувальныя да рэгістра :)
дададзена аўтар A. Wolff, крыніца
Але пры даданні з дапамогай addClass (), яна не працуе? Гэта?
дададзена аўтар A. Wolff, крыніца
дададзена аўтар Karl-André Gagnon, крыніца
@ Крыс: верагодна, шлях ад класа CSS няправільна.
дададзена аўтар Claudio Redi, крыніца
Javascript вельмі, вельмі, вельмі адчувальныя да рэгістра
дададзена аўтар PitaJ, крыніца
@Claudio Реди пратэставалі шлях CSS, малюнак загружаецца, калі я дадаць клас .viewporthome ў клас акна прагляду manaually.
дададзена аўтар Chris, крыніца
Гэта зрабіла працу, дзякуй. Як-небудзь з вас зразумець, чаму фонавы малюнак не будзе адлюстроўвацца цяпер, што гэта павінна быць, дадаўшы, што клас?
дададзена аўтар Chris, крыніца

Даданне класа:

$(".something").click(function(){
    $(this).addClass("style");
});

Выдаленне класа:

$(".something").click(function(){
    $(this).removeClass("style");
});
2
дададзена
У мяне была праблема пры спробе this.addClass ( 'класавае імя'); выкарыстоўваючы $ (гэта) .addClass ( 'імя-класа') дапамог дзякуй.
дададзена аўтар A Star, крыніца

Даданне класа:

$(".something").click(function(){
    $(this).addClass("style");
});

Выдаленне класа:

$(".something").click(function(){
    $(this).removeClass("style");
});
2
дададзена
У мяне была праблема пры спробе this.addClass ( 'класавае імя'); выкарыстоўваючы $ (гэта) .addClass ( 'імя-класа') дапамог дзякуй.
дададзена аўтар A Star, крыніца

Выдаліць дадатковыя кропкі і выкарыстоўваць addClass() ня addclass ()

jQuery('.viewport').addClass('viewporthome');
1
дададзена
Ну, гэта тое ж самае пытанне, як ваш арыгінал?
дададзена аўтар A. Wolff, крыніца
Гэта сапраўды ліквідаваць памылку, але малюнак усё яшчэ не з'яўляецца
дададзена аўтар Chris, крыніца
Не ведаю, што вы маеце на ўвазе адзін маім арыгінал, але з гэтым кодам я мяркую, дададзены клас будзе зрабіць малюнак screen2 з'явіцца ў акне прагляду DIV, калі я навядзіце курсор мышы на кнопку дадому
дададзена аўтар Chris, крыніца

Праверце капіталізацыю. Метад addClass мае капітал «C».

JQuery addClass Метад

Калі малюнак усё яшчэ не з'яўляецца гэта, верагодна, праблема з адносным шляхам да выявы. Калі тэчка выявы не ў тым жа каталогу, што і файл Javascript вы, магчыма, прыйдзецца змяніць шлях. Я не магу дакладна сказаць, што вам трэба будзе зрабіць, не ведаючы структуру каталогаў.

0
дададзена
Структура: C:/WAMP/WWW/имя_сайта/WordPress/WP-ўтрыманне/тэмы/MyTheme/IMA & ZWNJ; о.э.р./Screen2.png
дададзена аўтар Chris, крыніца