为什么jQuery Selectable插件不能与foreach生成的列表一起使用?

达瓦尔

我目前正在从事MVC项目并已实现jQuerySelectable插件。我的模型中有一个字符串,Split()在我看来,它如下所示:

@{
    var size = Model.AvailableSizes.Split(',');
    foreach (var item in size)
    {
        <ol class="ui-selectable" id="selectable">
            <li class="ui-selectable">@item</li>
        </ol>
    }
} 

这是我视图中定义的静态脚本:

<script type="text/javascript">
    $(document).ready(function () {
        $("#selectable").selectable();
    });
</script>

selectablejQuery的成功插件生成的<ol>S代表每个项目,但我只能选择第一项不休息。问题是什么?

罗里·麦克罗森(Rory McCrossan)

您应该将<ol> 外部循环。现在,您正在创建一个N个ol元素,li其中每个元素都具有相同的元素,id这既是无效的HTML,也是造成问题的原因。

试试这个:

<ol class="ui-selectable" id="selectable">
    @{
        var size = Model.AvailableSizes.Split(',');
        foreach (var item in size)
        {
            <li class="ui-selectable">@item</li>
        }
    } 
</ol>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么 foreach 不能与 String 一起使用?

来自分类Dev

为什么childElementCount不能与jQuery一起使用?

来自分类Dev

为什么JQuery不能与CryptoJS一起使用?

来自分类Dev

为什么我的视图模型没有绑定并且不能与映射插件一起使用foreach

来自分类Dev

为什么这个数组和 foreach 不能与 mysqli 一起使用?

来自分类Dev

LibreOffice为什么不能与HUD一起使用?

来自分类Dev

为什么模拟不能与AsyncTask一起使用?

来自分类Dev

LibreOffice为什么不能与HUD一起使用?

来自分类Dev

为什么javascript“ this”不能与“ each”一起使用?

来自分类Dev

setuid为什么不能与mount一起使用?

来自分类Dev

为什么 grep 不能与 iostat 一起使用?

来自分类Dev

为什么多个列表索引可以与__getitem__一起使用,而不能与__setitem__一起使用?

来自分类Dev

为什么循环功能不能与空列表一起使用?

来自分类Dev

为什么循环功能不能与空列表一起使用?

来自分类Dev

为什么序列不能与验证列表一起使用

来自分类Dev

为什么这个Bootstrap复选框不能与jQuery一起使用?

来自分类Dev

为什么 jquery isVisible 不能与滚动功能一起使用

来自分类Dev

为什么Quickbooks可以与Ubuntu一起使用,而不能与Fedora一起使用?

来自分类Dev

为什么它可以与$ scope一起使用,但不能与`this`一起使用?

来自分类Dev

为什么此脚本不能与nohup一起使用,但是不能,不能呢?

来自分类Dev

为什么此脚本不能与nohup一起使用,但是不能,不能呢?

来自分类Dev

为什么auto关键字不能与函数指针的初始化列表一起使用?

来自分类Dev

jQuery .load()函数不能与DataTables一起使用?

来自分类Dev

jQuery removeClass不能与Draggable一起使用

来自分类Dev

jQuery不能与underscore.js一起使用

来自分类Dev

jQuery .load不能与函数参数一起使用

来自分类Dev

为什么使用函数声明不能与Web Worker一起使用?

来自分类Dev

为什么@forward命名前缀不能与使用Sass的变量一起使用?

来自分类Dev

为什么这个简单的代码可以与`exit`一起使用,而不能与'_exit`一起使用呢?

Related 相关文章

  1. 1

    为什么 foreach 不能与 String 一起使用?

  2. 2

    为什么childElementCount不能与jQuery一起使用?

  3. 3

    为什么JQuery不能与CryptoJS一起使用?

  4. 4

    为什么我的视图模型没有绑定并且不能与映射插件一起使用foreach

  5. 5

    为什么这个数组和 foreach 不能与 mysqli 一起使用?

  6. 6

    LibreOffice为什么不能与HUD一起使用?

  7. 7

    为什么模拟不能与AsyncTask一起使用?

  8. 8

    LibreOffice为什么不能与HUD一起使用?

  9. 9

    为什么javascript“ this”不能与“ each”一起使用?

  10. 10

    setuid为什么不能与mount一起使用?

  11. 11

    为什么 grep 不能与 iostat 一起使用?

  12. 12

    为什么多个列表索引可以与__getitem__一起使用,而不能与__setitem__一起使用?

  13. 13

    为什么循环功能不能与空列表一起使用?

  14. 14

    为什么循环功能不能与空列表一起使用?

  15. 15

    为什么序列不能与验证列表一起使用

  16. 16

    为什么这个Bootstrap复选框不能与jQuery一起使用?

  17. 17

    为什么 jquery isVisible 不能与滚动功能一起使用

  18. 18

    为什么Quickbooks可以与Ubuntu一起使用,而不能与Fedora一起使用?

  19. 19

    为什么它可以与$ scope一起使用,但不能与`this`一起使用?

  20. 20

    为什么此脚本不能与nohup一起使用,但是不能,不能呢?

  21. 21

    为什么此脚本不能与nohup一起使用,但是不能,不能呢?

  22. 22

    为什么auto关键字不能与函数指针的初始化列表一起使用?

  23. 23

    jQuery .load()函数不能与DataTables一起使用?

  24. 24

    jQuery removeClass不能与Draggable一起使用

  25. 25

    jQuery不能与underscore.js一起使用

  26. 26

    jQuery .load不能与函数参数一起使用

  27. 27

    为什么使用函数声明不能与Web Worker一起使用?

  28. 28

    为什么@forward命名前缀不能与使用Sass的变量一起使用?

  29. 29

    为什么这个简单的代码可以与`exit`一起使用,而不能与'_exit`一起使用呢?

热门标签

归档