jQuery просто больше не работает (на моем сайте)

Question

Итак, у меня тут крошечная простая jquery, где div будет немного скользить вниз.Но НИЧТО в файле jquery не работает:

$('.starterLink').click(function(){
    $('.starterSummary').animate({'width': '230px'});
      });    
});

Однако у меня есть другой веб-сайт с точно таким же кодом, и этот работает!Но мне нужно, чтобы он работал над этим.Какие-либо предложения?Можете ли вы увидеть здесь что-то не так?

html:

<div class="packages">
    <div class="starter">
        <span><a href="@Href("#")" class="starterLink"><h1 class="starterLink">Starter Pack</h1></a></span>
    </div>
    <div class="business">
        <span><h1>Business</h1></span>
    </div>
    <div class="corporate">
        <span><h1>Corporate</h1></span>
    </div>
</div>
<div class="packageSummaries">
    <div class="starterSummary">
        <h1>Free Advertising</h1>
        <p></p>
        <a href="" class="roundedButton silver">Service Link</a>
    </div>
    <div class="businessSummary">
        <h1></h1>
        <p>Service summary</p>
        <a href="" class="roundedButton silver">Service Link</a>
    </div>
    <div class="corporateSummary">
        <h1>Service Heading</h1>
        <p>Service summary</p>
        <a href="" class="roundedButton silver">Service Link</a>
    </div>
</div>

css:

.packages {
    width: 60%;
    background-image: url('../Images/pres-bg.png');
    background-repeat: repeat;
    float: left;
}
.packageSummaries {
    width: 40%;
    float: right;
}
.starter {
    position: relative;
    width: 35%;
    float: left;
    height: 140px;
    overflow: hidden;

    background-color: #02A7FF;
    opacity: .7;
}
.starter span {
  position: absolute;    
  bottom: 0;    
  right: 0; 
}
.business {
    position: relative;
    width: 35%;
    float: left;
    height: 140px;
    overflow: hidden;

    background-color: #FF7402;
    opacity: .7;
}
.business span {
  position: absolute;    
  bottom: 0;    
  right: 0; 
}

.corporate {
    position: relative;
    width: 30%;
    float: left;
    height: 140px;
    overflow: hidden;
    background-color: #111111;
    opacity: .7;
}
.corporate span {
  position: absolute;    
  bottom: 0;    
  right: 0; 
}
.starterSummary {
    padding-left: 8px;
    margin: 0;
    width: 0px;
    background-color: Blue;
    overflow: hidden;
}
.businessSummary {
    padding-left: 8px;
    margin: 0;
    width: 0px;
    overflow: hidden;

}
.corporateSummary {
    padding-left: 8px;
    margin: 0;
    width: 0px;
    overflow: hidden;

}

Любая помощь очень ценится.Это поставило меня в тупик.

Спасибо

Answer 1

Похоже, у вас есть});много в вашем JQuery.Вы должны рассмотреть возможность проверки консоли ошибок в браузере, который вы используете.Вероятно, будет отображаться эта ошибка.

$('.starterLink').click(function(){
    $('.starterSummary').animate({'width': '230px'});
      });    
});

ОБНОВЛЕНИЕ

Это также может быть связано с отсутствием ссылки на jquery.js.Убедитесь, что он включен в качестве тега-сценария и правильный URL-адрес.

Answer 2

заменить href="@Href("#")" на href="@Href('"'#'"')"

здесь ДЕМО

вы не сможете увидеть анимацию, потому что она попытается перейти по ссылке, здесь вы можете увидеть анимацию http://jsfiddle.net/wvaE3/3/

Answer 3

непревзойденных скобок }) и что означает href="@Href("#")"?

Answer 4

Похоже на простую синтаксическую ошибку с });, которого там быть не должно.

$('.starterLink').click(function(){
    $('.starterSummary').animate({'width': '230px'});    
});

Если в вашем коде есть ошибка, то ни один из Javascript не будет работать.

Обычно вы можете отследить проблему, используя Firebug (если вы используете Firefox), или просто консоль разработчика вашего браузера.

Answer 5

<a href="@Href("#")"..>

Кавычки неверны.

Попробуйте w3 validator и jslint, чтобы проверить, все ли верно.
Также, если это возможно, поможет ссылка на реальный сайт.

Answer 6

В вашем скрипте есть синтаксическая ошибка:

$('.starterLink').click(function(){
    $('.starterSummary').animate({'width': '230px'});
    // -->  });    
});

Answer 7

Если jQuery отсутствует, вы должны получить ошибку. Попробуйте набрать $ в консоли браузера и посмотреть, вернетесь ли вы обратно к объекту jQuery.

Попробуйте загрузить jquery из Google или другого CDN.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>