I am currently working on an MVC project and implemented jQuery Selectable
plugin. I have a string in my model which I have Split()
as below in my view:
@{
var size = Model.AvailableSizes.Split(',');
foreach (var item in size)
{
<ol class="ui-selectable" id="selectable">
<li class="ui-selectable">@item</li>
</ol>
}
}
Here is the static script defined in my view:
<script type="text/javascript">
$(document).ready(function () {
$("#selectable").selectable();
});
</script>
The selectable
jQuery plugin successfully generates the <ol>
s for each item but I can only select the first item not the rest. What is the problem?
You should put the <ol>
outside the loop. Right now you're creating a N ol
elements with a single li
inside them, all with the same id
which is both invalid HTML, and the cause of your problem.
Try this:
<ol class="ui-selectable" id="selectable">
@{
var size = Model.AvailableSizes.Split(',');
foreach (var item in size)
{
<li class="ui-selectable">@item</li>
}
}
</ol>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.