在jquery中滚动动态列表视图
Scroll dynamic listview in jquery
我尝试动态滚动由创建的列表。我找到了这个答案,但对我没有帮助。我想这是因为我的列表是一个动态列表。我该怎么办?我想滚动选择值的动态列表。
这是我的密码:http://goo.gl/Tv7wvj这是我的代码
HTML
<div class="scroll order">
<ul></ul>
</div>
CSS
.scroll{
overflow-y: scroll;
width:150px;
height:80px;
}
Javascript
$(document).ready( function() {
var html = '';
for(i=0; i<10; i++){
if(i==6){
html += '<li> <label><input type="radio" name="radio" value="li'+i+'" checked="checked" /> 0'+i+' </label> </li>';
continue;
}
html += '<li> <label><input type="radio" name="radio" value="li'+i+'" /> 0'+i+' </label> </li>';
}
$('ul').append(html);
});
var $s = $('.scroll');
var optionTop = $s.find('[value="04"]').offset().top;
var selectTop = $s.offset().top;
alert("optionTop : "+optionTop+" / selectTop : "+selectTop);
$s.scrollTop($s.scrollTop() + (optionTop - selectTop));
(在评论中回答了问题。转换为社区wiki答案。)
@塔索斯写道:
它将如何找到value="aaaa"?????在您的列表中不存在的——请参阅jsfiddle.net/nn5fpmqa:
$(document).ready( function() { var html = ''; for(i=0; i<10; i++){ if(i==6){ html += '<li> <label><input type="radio" name="radio" value="li'+i+'" checked="checked" /> 0'+i+' </label> </li>'; continue; } html += '<li> <label><input type="radio" name="radio" value="li'+i+'" /> 0'+i+' </label> </li>'; } $('ul').append(html); }); setTimeout(function() { var $s = $('.scroll'); var optionTop = $s.find('[value="li6"]').offset().top; var selectTop = $s.offset().top; alert("optionTop : "+optionTop+" / selectTop : "+selectTop); $s.scrollTop($s.scrollTop() + (optionTop - selectTop)); }, 2000);
相关文章:
- 如何将参数从列表视图中的项传递到模板
- 根据手机上是否存在文件,在jQuery mobile中动态填充列表视图
- 取消选择滚动启动时的所有列表视图项目
- 使用PhoneGap和jQuery Mobile在android设备上显示动态列表视图
- 通过格式化将jquery移动组件动态添加到列表视图中
- jqmobile列表视图中元素之间的间距相等
- 如何在Vue.js中使用列表视图
- jQuery移动列表视图和面板
- 剑道移动列表视图更改过滤器onclick
- Metro 应用程序中的列表视图项目单击
- 列表视图在Android上滚动断断续续且缓慢
- 我们可以在 CouchDB 中对排序列表视图进行排序吗?
- 用户控件内的 ASP 列表视图.如何在用户控件完全加载后触发 javascript
- 使 Windows 8 列表视图可编辑
- 如何使按钮的行为因选定的列表视图项而异
- 在PHP循环中动态创建jQuery列表视图
- jQuery访问列表视图->ul->李->span->img
- 带有砖石结构的轴网视图/列表视图
- 访问可扩展QML应用程序中的列表视图索引
- jquery-mobile的列表视图中的两个弹出窗口