잡히지 않은 참조 오류 : Jquery가 정의되지 않았습니다.

이것은 첫 번째 게시물입니다. 저는 프로그래머가 아니며, 제가 일하고있는 프로젝트를 위해 때때로 모든 웹에서 코드를 작성하고 있습니다.잡히지 않은 참조 오류 : Jquery가 정의되지 않았습니다.

내가 작업하고있는 웹 사이트에서 스크롤되는 Twitter 선택 윤곽을 구현하려고하지만 '잡히지 않는 참조 오류 : Jquery가 정의되지 않았습니다.'오류가 발생합니다.

Jquery가 제대로 포함되지 않았거나 포함에 실패했기 때문입니다.

다른 URL에서 jQuery를 포함,뿐만 아니라 jQuery를 내가 발견

먼저 있도록 내에서 문을 포함의 순서를 변경 로컬

그것을 호스팅 : 나는 다음 시도했다 그래서 비슷한 스레드가 있지만 이것들을 해결하는 데는 도움이되지 않습니다.

<head> 
<meta charset="UTF-8" /> 
<title>UnBox 2013 : Venues</title> 
<link rel="stylesheet" type="text/css" media="all" href="/Volumes/Boot/Users/siddharthnair/Dropbox/UnBox 2013 Build/resonate/style.css" /> 
<link href='http://fonts.googleapis.com/css?family=Lekton:400,400italic,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,400italic,700' rel='stylesheet' type='text/css'> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/> 
<script src='/Volumes/Boot/Users/siddharthnair/Dropbox/UnBox 2013 Build/resonate/jquery.marquee.js'/> 


<script type='text/javascript'> 

var Tweetstream = { 
init: function() { 
this.insertLatestTweets('unboxfestival'); 
}, 
insertLatestTweets: function (username) { 
var limit = 5; // How many feeds do you want? 
var url = 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + username + '&count=' + limit + '&callback=?'; 

$.getJSON(url, function (data) { 
    var html = '<marquee behavior="scroll" scrollamount="1" direction="left">'; 

    for (var i in data) { 
    html += '<a href="http://twitter.com/' + username + '#status_' + data[i].id_str + '">' + data[i].text + ' <i>' + Twitter.daysAgo(data[i].created_at) + '</i></a>'; 
    } 

    html += '</marquee>'; 

    $('.tweetstream p').replaceWith(html); 

    Twitter.fancyMarquee(); 
}); 
}, 

fancyMarquee: function() { 
$('.tweetstream marquee').marquee('pointer') 
    .mouseover(function() { 
    $(this).trigger('stop'); 
    }) 
    .mouseout(function() { 
    $(this).trigger('start'); 
    }) 
    .mousemove(function (event) { 
    if ($(this).data('drag') == true) { 
    this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX); 
    } 
    }) 
    .mousedown(function (event) { 
    $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft); 
    }) 
    .mouseup(function() { 
    $(this).data('drag', false); 
    }); 
}, 

daysAgo: function (date) { 
// TODO: Fix date for IE... 
if ($.browser.msie) { 
    return '1 day ago'; 
} 

var d = new Date(date).getTime(); 
var n = new Date().getTime(); 

var numDays = Math.round(Math.abs(n - d)/(1000 * 60 * 60 * 24)); 
var daysAgo = numDays + ' days ago'; 

if (numDays == 0) { 
    daysAgo = 'today'; 
} 
else if (numDays == 1) { 
    daysAgo = numDays + ' day ago'; 
} 

return daysAgo; 
} 
}; 

Tweetstream.init(); 
</script> 
</head>

난 당신이 답변을 질문, 단지 올바른 방향으로 날 가리 주시기 바랍니다 생각 여기에 스레드가 있다면이, 스팸이 아닌 희망 :

여기 내 코드입니다. 대부분의 코드

여기에서 온다 : 첫째 http://andreaslagerkvist.com/archives/2011/06/24/how-to-create-a-scrolling-twitter-feed-using-jquery/

출처

2012-12-10 user1891700

을 BTW는 jQuery를이 **,하지 JQuery와 –

예, 물론 당신 말이 맞아 **입니다. 사과드립니다. 제 멍청이가 보여주고있는 것 같습니다. – user1891700

추가 JQuery와 스크립트 태그와 jQuery 코드는

<head> 
<meta charset="UTF-8" /> 
<title>UnBox 2013 : Venues</title> 
<link rel="stylesheet" type="text/css" media="all" href="/Volumes/Boot/Users/siddharthnair/Dropbox/UnBox 2013 Build/resonate/style.css" /> 
<link href='http://fonts.googleapis.com/css?family=Lekton:400,400italic,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,400italic,700' rel='stylesheet' type='text/css'> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/> 
<script src='/Volumes/Boot/Users/siddharthnair/Dropbox/UnBox 2013 Build/resonate/jquery.marquee.js'/> 


<script type='text/javascript'> 
$(document).ready(function() { 
var Tweetstream = { 
init: function() { 
this.insertLatestTweets('unboxfestival'); 
}, 
insertLatestTweets: function (username) { 
var limit = 5; // How many feeds do you want? 
var url = 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + username + '&count=' + limit + '&callback=?'; 

$.getJSON(url, function (data) { 
    var html = '<marquee behavior="scroll" scrollamount="1" direction="left">'; 

    for (var i in data) { 
    html += '<a href="http://twitter.com/' + username + '#status_' + data[i].id_str + '">' + data[i].text + ' <i>' + Twitter.daysAgo(data[i].created_at) + '</i></a>'; 
    } 

    html += '</marquee>'; 

    $('.tweetstream p').replaceWith(html); 

    Twitter.fancyMarquee(); 
}); 
}, 

fancyMarquee: function() { 
$('.tweetstream marquee').marquee('pointer') 
    .mouseover(function() { 
    $(this).trigger('stop'); 
    }) 
    .mouseout(function() { 
    $(this).trigger('start'); 
    }) 
    .mousemove(function (event) { 
    if ($(this).data('drag') == true) { 
    this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX); 
    } 
    }) 
    .mousedown(function (event) { 
    $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft); 
    }) 
    .mouseup(function() { 
    $(this).data('drag', false); 
    }); 
}, 

daysAgo: function (date) { 
// TODO: Fix date for IE... 
if ($.browser.msie) { 
    return '1 day ago'; 
} 

var d = new Date(date).getTime(); 
var n = new Date().getTime(); 

var numDays = Math.round(Math.abs(n - d)/(1000 * 60 * 60 * 24)); 
var daysAgo = numDays + ' days ago'; 

if (numDays == 0) { 
    daysAgo = 'today'; 
} 
else if (numDays == 1) { 
    daysAgo = numDays + ' day ago'; 
} 

return daysAgo; 
} 
}; 
} 
Tweetstream.init(); 
</script> 
</head>

출처

2012-12-10 13:20:39 thecodejack

감사합니다. 그것은 오류를 처리합니다. 그러나 선택 윤곽 자체가 작동하지 않는 것 같습니다. 니가 그걸 도울 수 있다면? 나는 체크했다 : • 명시된 div의 이름과 표기법 • 함수 이름의 오류 (처음에 여기에 붙여 넣은 코드를 보면, 함수가 'Twitter'로 참조되는 두 곳이있다. 반면에 'Tweetstream'이어야합니다. 이것은 내가 복사 한 스크립트의 이전 버전에서 변경할 때 작성한 오류입니다. – user1891700

hmm lil은 이해하기 쉽습니다. 명확하게 사용하려면 http://jsfiddle.net/을 사용하십시오. ur 오류의 테스트 사례를 만들고 링크를 공유 할 수 있습니다. 내가 도울 수 있습니다 ... – thecodejack

안녕하세요, 제안 해 주셔서 감사합니다 : http://jsfiddle.net/randomlysid/DGPAH/ 여기, 모든 코드입니다. 내가 지금 만들고있는 초등학교 실수이다라고 확신한다. 이것은 기본적으로 자신에게 html/css를 가르치는 나의 길이다. 그래서 어떤 도움이 될 것이며 당신의 인내심을 극명하게됩니다! – user1891700

이 jQuery를 참조 태그에 type = "text/javascript"를 추가 document.ready해야한다 - 당신이 중 하나를 URL의 끝에 작은 따옴표를 이동하거나 슬래시를 제거 할 것 또한

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

그런 문서 준비 래퍼에 코드를 둘러싸 -

$(document).ready(function() { 
    // your code here 
});

출처

2012-12-10 13:35:14

고마워요. 도움이되었습니다. – user1891700

잡히지 않은 참조 오류 : Jquery가 정의되지 않았습니다.

답변

관련 문제