用jquery選擇器寫的怎么不行?
/** ?*?Created?by?ycx?on?2017/4/6. ?*/ ;(function?()?{ ???'use?strict'; ???var?$oDiv?=?$('.block'); ???console.log($oDiv); ???$oDiv.onmouseover?=?function?()?{ ??????startMove(0); ???} ???$oDiv.onmouseout?=?function?()?{ ??????startMove(-200); ???} ???var?timer?=?null; ???function?startMove(target)?{ ??????clearInterval(timer); ??????var?$oDiv?=?$('.block'); ??????var?speed?=?0; ??????if?($oDiv.offsetLeft?>?target)?{ ?????????speed?=?-10; ??????} ??????else?{ ?????????speed?=?10; ??????} ??????timer?=?setInterval(function?()?{ ?????????if?($oDiv.offsetLeft?==?target)?{ ????????????clearInterval(timer); ?????????} ?????????else?{ ????????????$oDiv.style.left?=?$oDiv.offsetLeft?+?speed?+?'px'; ?????????} ??????},?30) ???} })();
在選擇器var $oDiv = $('.block');這里就報錯沒有$()這個方法,懷疑是引用的問題,但是不管是npm安裝jquery,還是直接引用cdn,都不行,到底是什么原因????
<script?src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script?src="base.js"></script>
<script?src="node_modules/jquery/dist/jquery.js"></script> <script?src="base.js"></script>
2017-04-10
1、事件寫錯了,jq的事件綁定是$('...').mouseover(function () {。。。})
2、
開頭的這個分號跟結(jié)尾的括號啥意思?
jq的onload方法不是應(yīng)該這樣寫——
$(document).ready(function() {?
// 。。。
});?
或者——
$(function() {
//。。。
});
2017-04-07
$oDiv?.on('mouseover',function(){
?})