使用jquery Mobile,我试图在整个页面加载完成后滚动到页面中间的#id。 因此,当用户访问页面时,用户位于页面顶部,然后非常快速地滚动到#example。 使用$ mobile.silentScroll,它似乎根本没有触发。 $(‘#page’).live( ‘pageinit’, scrollDown); function scrollDown() { var myDivPos = $(‘#example’).offset().top; $.mobile.silentScroll( myDivPos ); } 什么是在手机上实现平滑滚动到$(’#example’)的最佳方式? 我尝试过scrollTo插件,它适用于我的移动网站的桌面版,但不适用于移动设备。
我想点击capthca时重新填充图像。 我怎样才能做到这一点? public ActionResult Image() { var builder = new XCaptcha.ImageBuilder(); var result = builder.Create(); Session.Add(“Cap”, result.Solution); return new FileContentResult(result.Image, result.ContentType); } $(document).ready(function () { $(‘#images’).click(function () { $.ajax({ url: “/en/form/Image”, success: function (mydata) { $(“#images”).attr(“src”, mydata); }, type: “POST” }); return false; }); }); <input type="image" id="images" src="” alt=”Click to refresh” />
这是我的小提琴 我所拥有的是在onchange事件中显示上传文本附近的图像名称。 在这里,我需要在onchange上进行validation,它应该显示错误以及文件名 这是我尝试过的。 Upload 注意 : 我不想通过设置规则单独进行validation,我想在onchange中进行,但是如果我在输入类型文件代码中有脚本就可以了 更新:如果我要显示文件名并在5秒内隐藏会更好,因为我不知道在输入类型文件代码中编写脚本 我怎么能这样做,请帮助
首先,我将简要概述一下我要完成的工作。 我有一个主要的PHP页面,它从mySQL数据库加载图像,文本和video(使用JWPlayer播放),并使用Masonry进行布局。 我也在使用Infinite-Scroll,它使用以下代码加载其他内容: $container.masonry( ‘appended’, $newElems, true ); 其他内容通过名为loadMore.php的PHP页面加载 在上面的lodeMore.php页面中,我正在从数据库中加载更多的文本,图像和video。 如果从数据库加载的项目是video,我尝试使用名为“ videoPlayer.php ”的php包含文件显示它。 这个PHP包含文件的代码如下: <?PHP echo"Loading the video player … jwplayer(‘$i’).setup({ flashplayer: ‘player.swf’, image: ‘$imagePath’, skin: ‘images/slim.zip’, width: 250, height: 141, plugins: { gapro: { accountid: ‘UA-30548455-1’} }, file: ‘$videoPath’ }); “; ?> 上面的文件适用于主页最初加载时显示的video内容,但是,如果它是通过append和loadMore.php页面加载的,则它不会为video播放器显示上述javascript。 我发现您似乎无法使用append附加包含 标记的内容,因为标记会导致append停止或关闭。 我尝试了各种解决方案,包括使用关闭脚本标记,但是,即使这似乎也不起作用。 如果任何人都可以提供一些见解或可能的方式,我可以使用append获取video播放器的标签,这将是伟大的! 嗨jwatts,所以这里是我的代码,包括你推荐的广告代码: $(function(){ var $container = $(‘#container’); $container.imagesLoaded(function(){ […]
我想从弹出窗口中的下拉框中将值解析为输入文本。 我可以让它弹出但不能插入选定的值。 由于某些原因,我不需要在弹出窗口中选择。 HTML Choose your option one two option> OK JS $(“[data-toggle=popover]”).popover({ html: true, content: function() { return $(‘#popover-content’).html(); } }); var selectVar = $(‘#select’).val(); $(‘#optBtn’).click(function() { $(‘#input’).val(selectVar); }) 在这里小提琴: https : //jsfiddle.net/723exh1g/3/
我已经使用Soh Tanaka的Simple Accordion教程成功构建了一个JQuery手风琴。 我希望能够从另一页链接到特定的手风琴部分,但我不知道该怎么做。 任何帮助将不胜感激,因为我没有太多运气找到任何特定于本教程的帮助。 谢谢! HTML: Web Design & Development JQuery的: //Set default open/close settings $(‘.acc_container’).hide(); //Hide/close all containers $(‘.acc_trigger:first’).addClass(‘active’).next().show(); //Add “active” class to first trigger, then show/open the immediate next container //On Click $(‘.acc_trigger’).click(function(){ if( $(this).next().is(‘:hidden’) ) { //If immediate next container is closed… $(‘.acc_trigger’).removeClass(‘active’).next().slideUp(); //Remove all “active” state and slide up the […]
我想在页面加载后延迟几秒后加载jquery对话框。 到目前为止,这是我的代码。 This is My Dialog box Description/Content $(document).ready(function() { setTimeout(function(){ $(function () { $(“#dialog”).dialog({ show: { effect: ‘drop’, direction : ‘up’, distance: 1000, duration: 2000, }, }); }); }, 2000) }); .ui-dialog-titlebar {display:none;} #other_content {width:200px; height:200px;background-color:grey;} #dialog_content{display:none;} 现在的问题是从顶部滑动的弹出动画对Chrome有好处,但在Firefox中它不会出现在屏幕的中心,对于IE来说根本没有弹出窗口。 http://jsfiddle.net/fakhruddin/x39Rr/9/ 请指导。
我有这个HTML: Word 1 Word 2 Word 3 我把这些单词(word1; word2; word3) draggable成了这个: $(“#some_words li”)。draggable({helper:’clone’}); 为了制作droppable文本字段,我做了: $(“#my-text_field”)。droppable({accept:“#some_words li”,drop:function(ev,ui){alert(’fired’); //}}); 还有一个 ,其中应用了TinyMCE(编辑器),所以这个Tinymce怎么能像我在文本字段那样可以放弃。 现在,当我尝试将任何单词放入文本字段时,它会显示警告框,但是当尝试将其放入tinyMCE(textarea)时,则没有任何反应。 如果有人知道如何使’TinyMCE’可以放弃? 谢谢
首先,提前感谢任何建议。 我到处寻找解决方案,找不到任何东西。 不可否认,Javascript不是我的强项。 我正在使用fineuploader上传文件,一个接一个地使用jQuery旋钮显示上传进度。 该旋钮仅用于上载进度更新,不应该是交互式的。 我可以设置它的样式,设置旋钮的大小完成百分比等,但我不能让它在中间显示上传%。 这是我的代码。 }).on(‘upload’, function(event, id, name) { var progressField = $(‘#’ + ‘pic’ + (id + 1)).parent(); progressField = progressField.parent(); var picName = $(progressField).children(‘label:first’).html(); $(progressField).attr(“class”, “uploaderBox”); $(progressField).html(”); $(‘.uploaderBox’).html(‘Uploading ‘ + picName + ‘…’); $(progressField).append(”); $(“#progressKnob”).knob({ “displayInput”: true, “thickness”: .15, “width”: 70, “fgColor”: “#FF00FF”, “inputColor”: “#000000” }); }).on(‘progress’, function(extra, id, name, […]
我不是一个经验丰富的开发人员,所以我无法弄清楚如何在我的表单中使用ajax。 我正在尝试使用bootstrap typeahead。 但我的csrf_tokenfilter导致“500”错误。 我在哪里可以在我的ajax脚本中发送csrf_token? $(‘.typeahead’).typeahead({ source : function(typeahead, query){ $.ajax({ url : ‘typequery’, type : ‘POST’, data : { query : query, column : ‘title’ }, dataType : ‘json’, async : true, success : function(data) { return process(data.titles); } }); } }); 这是我需要填写的表格。 如果我评论我的postfilter,它会工作。 {{ Form::open(array(‘url’ => ‘searchblogs’ ,’id’ => “search”, ‘class’ => “input-append”)) […]