ajax – 将jquery滑块绑定到dom
发布时间:2020-12-16 02:47:55 所属栏目:百科 来源:网络整理
导读:我的网页的ajax部分有一个 jquery UI滑块.如果我用ajax重新加载这个部分,滑块就会消失.我想我需要将滑块附加到DOM,但看起来它需要附加一个事件,如: $(".radio").on("click",function () { 但我不知道我需要在那附上哪种活动? 谢谢 当前的HTML: $(function
我的网页的ajax部分有一个
jquery UI滑块.如果我用ajax重新加载这个部分,滑块就会消失.我想我需要将滑块附加到DOM,但看起来它需要附加一个事件,如:
$(".radio").on("click",function () { 但我不知道我需要在那附上哪种活动? 谢谢 当前的HTML: $(function() { var handle = $("#custom-handle"); $("#custom-handle").text(sizes[0].value); $("#slider").slider({ create: function() {},min: 0,max: sizes.length - 1,step: 1,slide: function(event,ui) { handle.text(sizes[ui.value].value); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <div id="slider"> <div id="custom-handle" class="ui-slider-handle"></div> <br> </div> 解决方法
您是否正在替换ajax中的滑块HTML代码?你在替换这个div吗? <div id="slider"> <div id="custom-handle" class="ui-slider-handle"></div> <br> </div> 如果是这种情况,那么我认为问题不在于绑定…你是否尝试过ajax调用完成后重新初始化滑块? $.ajax({ type: 'post',url: 'some url',success: function(data) { initializeSlider(); } }); function initializeSlider() { $("#slider").slider({ create: function() {},ui) { handle.text(sizes[ui.value].value); } }); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |