【发布时间】:2011-12-13 23:18:21
【问题描述】:
我有一个javascript代码:
<script type="text/javascript">
(function ($) {
var speed = 50;
var pic, numImgs, arrLeft, i, totalWidth, n, myInterval;
$(window).load(function(){
pic = $("#slider").children("img");
numImgs = pic.length;
arrLeft = new Array(numImgs);
for (i=0;i<numImgs;i++){
totalWidth=0;
for(n=0;n<i;n++){
totalWidth += $(pic[n]).width();
}
arrLeft[i] = totalWidth;
$(pic[i]).css("left",totalWidth);
}
myInterval = setInterval("flexiScroll()",speed);
$('#imageloader').hide();
$(pic).show();
});
function flexiScroll(){
for (i=0;i<numImgs;i++){
arrLeft[i] -= 1;
if (arrLeft[i] == -($(pic[i]).width())){
totalWidth = 0;
for (n=0;n<numImgs;n++){
if (n!=i){
totalWidth += $(pic[n]).width();
}
}
arrLeft[i] = totalWidth;
}
$(pic[i]).css("left",arrLeft[i]);
}
}
}(jQuery));
</script>
如果我删除嵌入函数标签(function ($) {,我会收到Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function 的错误,如果我将它包含在该标签中,我会收到Uncaught ReferenceError: flexiScroll is not defined
如何解决这个问题?
【问题讨论】:
标签: ajax drupal jquery drupal-7