我正在尝试使用按钮滚动 div。我正在使用 this解决我的问题的解决方案。但是我收到错误 Uncaught TypeError: view.css is not a function
。我添加了 jquery 插件,但仍然出现此错误。
这是我的代码
<div class="bstimeslider">
<div id="rightArrow"></div>
<div id="viewContainer">
<div id="tslshow">
<?php foreach($activity_data as $list):?>
<div class="bktibx">
<div>
<?php
if (isset( $list['coverimage']) && $list['coverimage']!=""){
echo '<img src="'.$list["coverimage"].'" height="90" width="80" >';
}else {
echo '<img src="'.WEBSITE_URL.'views/site/activity_placeholder.png" height="90" width="80" >';
} ?>
</div>
<div>
<h4><a style="font-size: 20px;font-weight: bold;color:#48a4ca" href="<?php echo WEBSITE_URL ;?>site/eventDetail/<?php echo $list['_id']; ?>"><?php echo $list['title']; ?> </a></h4>
<?php
$ro= strlen($list['description']);
if($ro >100){
$small = substr($list['description'], 0, 100);
echo $small."...";
} else {
echo strip_tags($list['description']);
}
?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<div id="leftArrow"></div>
</div>
和jquery
<script type="text/javascript">
var view = $("#tslshow").attr('id');
var move = "100px";
var sliderLimit = -750
$("#rightArrow").click(function(){
var currentPosition = parseInt(view.css("left"));
if (currentPosition >= sliderLimit)
view.stop(false,true).animate({left:"-="+move},{ duration: 400})
});
$("#leftArrow").click(function(){
var currentPosition = parseInt(view.css("left"));
if (currentPosition < 0)
view.stop(false,true).animate({left:"+="+move},{ duration: 400});
});
</script>
当我点击按钮时,我收到错误提示 Uncaught TypeError: view.css is not a function
。
最佳答案
1st: 如果您没有 jquery 文件,您需要确保包含 jquery,您可以在 <head>
上使用此行或之前 </body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
第二:您需要在文档准备好之后包装您的代码......像这样
$(document).ready(function(){
// code here
});
第三:关于您的代码
var view = $("#tslshow").attr('id'); // will output tslshow string not an object and while you use id you can just use `var view = $("#tslshow");`
关于view.css("left")
可能您需要在 css 上将元素设置为 left,所以如果您决定使用 view = $("#tslshow").attr('id');
你将使用 $('#'+view).css('left')
如果你将使用 var view = $("#tslshow");
你将使用 view.css('left');
关于jquery - 未捕获的类型错误 : view. css 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44155116/