修复jQuery按钮滑块
Fix jQuery Button Slider
我的jQuery按钮滑块工作正常,我在这里得到了它。
但我只需要一个滑块,最后有两个选项,一个"是"和一个"否"。当滑块向左移动时,答案是肯定的,滑块将回到中间,反之亦然。有人知道该怎么做吗?
这是我的代码:
<?php
foreach($data as $dta){
$uuid = $dta->uuid;
$categ_uuid = $dta->category_uuid;
$subcateg_uuid = $dta->subcategory_uuid;
$question = $dta->content;
}
?>
<div class="row-fluid">
<div class="span12 spacer"></div>
<!-- QUESTION or IMAGE CONTAINER -->
<div class="span12" style="margin:0;">
<div class="span1"></div>
<div class="span10">
<div class="span12">
<div class="span2"></div>
<div class="span8" id="container">
<!--<img class="media-object" data-src="holder.js/100%x230/sky/text:">-->
<?php echo $question; ?>
</div>
<div class="span2"></div>
</div>
</div>
<div class="span1" style="margin:0;"></div>
</div>
<!-- YES NO TOGGLE -->
<div class="span12" style="margin:0;">
<div class="span1"></div>
<div class="span10">
<div class="span12">
<div class="span1"></div>
<div class="span10">
<form action="<?php echo $this->config->item('8L_URL').'/system/dovote'; ?>" id="yesno-form" method="post">
<input type="hidden" name="question_uuid" value="<?php echo $uuid; ?>">
<input type="hidden" name="category_uuid" value="<?php echo $categ_uuid; ?>">
<input type="hidden" name="subcategory_uuid" value="<?php echo $subcateg_uuid; ?>">
<input type="hidden" name="answerswer" id="answerswer">
<div style="padding:30px 0px 50px 0px;">
<div id="yes" name="answerswer">Yes</div>
<div style="float:right;">
<div id="no" name="answerswer">No</div>
</div>
</div>
</form>
</div>
<div class="span1"></div>
</div>
</div>
<div class="span1" style="margin:0;"></div>
</div>
</div>
<div id="dummy_div"></div>
<div id="module-modal" class="modal hide fade" tabindex="-1"></div>
<div id="app_loader_bar"> </div>
<script type='text/javascript'>
$('#no').sliderbutton({
text: 'NO',
activate: submitForm
});
$('#yes').sliderbutton({
direction: 'left',
text: 'YES',
activate: submitForm
});
function submitForm(){
$("#answer").val($(this).attr("id"));
$('#yesno-form').submit();
};
</script>
我有解决方案。感谢引导滑块。另外,我只是在CSS中做了一些事情,使其看起来两边都有"是"和"否"。
相关文章:
- 验证动态单选按钮jQuery
- 单击按钮-jQuery/JavaScript时显示表格
- 加载页面时未触发按钮?(JQuery)
- 菜单打开和关闭菜单按钮 - Jquery
- FlatUI - 单选按钮 jQuery 兼容性
- 动作脚本3中的链接按钮 + jQuery 集成中的淡出
- 使用用户名时禁用按钮 jQuery.
- 需要默认的CSS按钮(JQuery)
- 如何将单选按钮的选定值复制到另一个单选按钮 - jquery
- 单击另一个按钮后如何启用按钮 jQuery.
- 在带有弹出窗口的循环中创建一个按钮-jQuery Mobile
- 将下拉覆盖长度选择更改为按钮-jQuery DataTables
- 带有编辑按钮Jquery的待办事项列表
- 按钮jquery ui不工作
- 为函数赋值并在单独的按钮jquery上运行
- 检查表单数据值并禁用提交按钮jQuery表单
- 将鼠标悬停时的按钮替换为另一个不起作用的按钮jQuery
- "打开“;切换按钮jQuery
- 在单击按钮 Jquery 时验证表单
- UL LI元素在单击向上和向下按钮jQuery时自动滚动