Javascript 修复jQuery按钮滑块
我的jQuery按钮滑块工作得很好,我得到了它 但我需要的只是一个滑块,末尾有两个选项,一个“是”和一个“否”。当滑块向左移动时,答案是肯定的,滑块将返回中间,反之亦然。有人知道怎么做吗 这是我的密码:Javascript 修复jQuery按钮滑块,javascript,jquery,codeigniter,jquery-plugins,slider,Javascript,Jquery,Codeigniter,Jquery Plugins,Slider,我的jQuery按钮滑块工作得很好,我得到了它 但我需要的只是一个滑块,末尾有两个选项,一个“是”和一个“否”。当滑块向左移动时,答案是肯定的,滑块将返回中间,反之亦然。有人知道怎么做吗 这是我的密码: <?php foreach($data as $dta){ $uuid = $dta->uuid; $categ_uuid = $dta->category_uuid; $subcateg_uuid = $dta->subcategory_uuid
<?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="answer" id="answer">
<div style="padding:30px 0px 50px 0px;">
<div id="yes" name="answer">Yes</div>
<div style="float:right;">
<div id="no" name="answer">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里做了一些事情,让它看起来像是“是”和“否”。双方:“那么,你想要一个开关吗?”JeMuuSu:一个开关向右或向左,但永远不会在中间的右边?OHHH好。所以你希望默认设置是中间,并且可以向左或向右滑动?@Jeemusu:没错。两端都有不同的值。向左滑动表示用户选择“是”,向右滑动表示用户选择“否”。然后保存在数据库中。