私はまだjqueryに慣れていないので、ここで少し助けを借りることができます:-) このコードは、Chromeでオフラインのときに機能します.IE9またはFirefoxで使用しようとすると機能しません. そのため、サイトをアップロードしましたが、Chrome でも機能しなくなりました。
Firefox と IE で「イベントが定義されていません」というエラー メッセージが表示されます。8 行目は --> event.preventDefault(); です。
それは何でしょうか?間違ったリンク?html では、次のように追加されます。
問題は解決されました この行は問題を解決しました:
$('.hidden_nav ul li a').click(function(event){
event.preventDefault();
それが機能(イベント)です。そして、空の function() を残しました
みんなありがとう
$(document).ready(function(){
//Get size of docuement and apply to div grid
var height = $(document).height();
$('.theGrid').css('height',height);
// Slide Down hidden Content
$('.hidden_nav li a').click(function(){
event.preventDefault();
var selected = $(this).text().toLowerCase();
var thisone = $('#'+ selected);
$('.hidden_content').slideDown(200);
thisone.slideDown(200);
thisone.addClass('online')
$('.bubble').fadeIn(100).delay(2000).hide(300);
});
$('.close_btn').click(function(){
$('.hidden_content').slideUp(200);
$('.online').hide().removeClass('.online');
$('.bubble').hide();
});
//Design Process // a few $ animations
$('.step_img').mouseover(function(){
var sel = $(this).next('h4').text().toLowerCase();
thisone = $('#' + sel);
thisone.children('p').slideDown(100);
});
$('.step_img').mouseout(function(){
var sel = $(this).next('h4').text().toLowerCase();
thisone = $('#' + sel);
thisone.children('p').delay(1000).slideUp(400);
});
// Slider (Nivo Slider Plugin) effects
$('.slider').nivoSlider({
effect:'random',
startSlide:2,
directionNav: true,
pauseOnHover: true,
pauseTime: 6000,
});
});