移动浏览器上的HTML5video自动播放

我正在使用以下HTML5和JQuery代码来播放其URL位于数组URLArray []中的video的播放列表。 function NextFrag(){ if (index < URLArray.length) { $("#VideoContainer").html(' ” ‘ ); index++; $(“#video1”).bind( “ended”, NextFrag); } } 我们知道所有手机都禁用了HTML5的自动播放function,因此我必须在手机上手动播放每个video片段。 这绝对是我不想要的。 我真的想知道替代方案。 我真的很感兴趣的代码段,我可以包括自动播放,而不涉及用户进行交互。 是否可以将其转换为Android应用程序。 我真的需要让它像播放列表一样工作,我不关心如何,我只需要这个function。 请帮忙。

Django JQuery Ajax文件上传

我一直试图上传一个简单的文本文件几个小时,但我似乎仍然无法让它工作。 我一直收到无效的表格,说我错过了“file_source”。 为什么“file_source”没有发布? 我还得到它实际发送“file_source”但它仍然说它丢失了。 应该为Django FileFiled提供什么类型的元素? Django表格: class FileUploadForm(forms.Form): file_source = forms.FileField() Django模板(呈现表单): {% csrf_token %} {{ form }} Upload JQuery / Ajax上传: function uploadFile() { $.ajax({ data: $(this).serialize(), type: $(this).attr(‘method’), url: $(this).attr(‘action’) }); return false; } $(function() { $(‘#file-upload-form’).submit(uploadFile); }); Django View哪个接收POST: def upload_view(request): if request.is_ajax(): form = FileUploadForm(request.POST) if form.is_valid(): print ‘valid form’ […]

注册jQuery点击,第一次和第二次点击

有没有办法运行两个类似于此的函数: $(‘.myClass’).click( function() { // First click }, function() { // Second click } ); 我想使用基本的切换事件,但不推荐使用.toggle() 。

达到最大长度值后,将下一个输入聚焦

一旦前一个输入达到最大长度值,如何关注下一个输入? a: b: c: 如果用户粘贴的文本大于maxlength,理想情况下它应该溢出到下一个输入中。 jsFiddle: http : //jsfiddle.net/4m5fg/1/ 我必须强调,我不想使用插件,因为我更愿意学习它背后的逻辑,而不是使用已经存在的东西。 感谢您的理解。

使用jQuery 1.4播放声音的跨平台,跨浏览器方式?

我试图让jQuery在元素hover/点击上播放声音。 (这就像没有闪存的Flash网站) 我尝试过跨平台,跨浏览器方式推荐的方法从Javascript播放声音? ,jQuery Sound插件和其他一些教程没有任何成功。 我假设这是因为他们自2008年以来没有更新过。 有人有什么建议吗?

jqgrid加载没有分页的大数据集

我想知道是否有更好的方法从服务器加载大型Json数据集。 我使用jqgrid作为loadonce:true。 我需要一次加载大约1500条记录,我也不使用分页选项。 有没有更好的方法来实现这一目标? 先感谢您。 这是我的网格代码 – $(function(){ $(“#testgrid”).jqGrid({ url:getGridUrl, datatype: ‘json’, mtype: ‘GET’, height: 250, colNames:[‘Inv No’,’Date’, ‘Client’, ‘Amount’,’Tax’,’Total’,’Notes’], colModel:[ {name:’id’,index:’id’, width:60, sorttype:”int”,search:false}, {name:’invdate’,index:’invdate’, width:90, sorttype:”date”,search:false}, {name:’name’,index:’name’, width:100,search:false}, {name:’amount’,index:’amount’, width:80, align:”right”,sorttype:”float”}, {name:’tax’,index:’tax’, width:80, align:”right”,sorttype:”float”,search:false}, {name:’total’,index:’total’, width:80,align:”right”,sorttype:”float”,search:false}, {name:’note’,index:’note’, width:150, sortable:false,search:false} ], multiselect: true, multiboxonly:true, caption: “Manipulating Array Data”, pager: ‘#testgridpager’, //Auto load while scrolling //scroll: […]

如何在页面加载时显示ajax加载gif动画?

我尝试在我的网站上实现AJAX。 当单击div changepass的内容时,它应该加载changepass.template.php。 这是我正在使用的代码。 $(function() { $(“.changepass”).click(function() { $(“.block1”).load(“views/changepass.template.php”); return false; }); 我的问题是如何在页面changepass.template.php完全加载时显示GIF动画(loading.gif)。 给我一些代码提示请。

如何禁用iOS网络应用中的橡皮筋?

这个: $(‘body’).on(‘touchmove’, function(e) { e.preventDefault(); }); 可以工作,但会在整个页面中禁用滚动,这远非理想。 这个: $(‘*’).on(‘touchstart’, function(e){ var element = $(this).get(0); if ( element.scrollTop = element.scrollHeight ) element.scrollTop = element.scrollHeight – element.offsetHeight – 1; }); 适用于具有滚动区域的页面。 然而,当没有任何东西要滚动时,它将再次显示橡皮筋。 所以我的问题: 如何禁用橡皮筋效果并仍然保持-webkit-overflow-scrolling区域可滚动? [更新] 最佳方案 禁用所有不可滚动元素(如选项卡栏或导航栏)上的滚动。 anElement.addEventListener(‘touchmove’, function( event ){ event.preventDefault() }; 将滚动处理程序附加到可滚动元素(如主要内容)。 anElement.addEventListener(‘touchstart’, function( event ){ if( this.scrollTop === 0 ) { this.scrollTop += 1; […]

blueimp jquery-fileupload异步上传多个文件

我正在使用jQuery文件上传库( http://github.com/blueimp/jQuery-File-Upload ),我一直在搞清楚如何使用满足以下条件的库。 该页面具有由表单标记包围的多个文件输入字段。 用户可以将多个文件附加到每个输入字段 单击按钮时,所有文件都将发送到服务器,而不是在将文件附加到输入字段时。 上传是异步完成的 假设页面有3个输入字段,其名称属性为“file1 []”,“file2 []”和“file3 []”,请求有效负载应该像{file1:[file1 []上的文件数组],file2 :[file2 []]上的文件数组,…} 这是jsFiddle,它到目前为止表现得很奇怪,因为它发送了两次post请求,第一个被取消了。 更新 现在感谢@CBroe的评论,请求发送两次的问题是固定的。 但是,请求参数的键未正确设置。 这是更新的jsFiddle。 http://jsfiddle.net/BAQtG/27/ js代码的核心部分看起来像这样。 $(document).ready(function(){ var filesList = [] var elem = $(“form”) file_upload = elem.fileupload({ formData:{extra:1}, autoUpload: false, fileInput: $(“input:file”), }).on(“fileuploadadd”, function(e, data){ filesList.push(data.files[0]) }); $(“button”).click(function(){ file_upload.fileupload(‘send’, {files:filesList} ) }) }) 有人知道如何让这个工作?

我自己喜欢的按钮:Django + Ajax – 怎么样?

所以我一直无法将此视图转换为Ajax调用: def company_single(request, slug): company = get_object_or_404(CompanyProfile, slug=slug) company_list = CompanyProfile.objects.get(slug=slug) try: tcompany = CompanyLikes.objects.get(company=company_list) total_likes = tcompany.likes user_liked = CompanyLikes.objects.get(user=request.user) except: total_likes = 0 instance, created = CompanyLikes.objects.get_or_create(company=company_list) likes_form = CompanyLikesForm(request.POST or None, instance=instance) if likes_form.is_valid(): this = likes_form.save(commit=False) try: if user_liked: this.likes -=1 this.user.remove(request.user) except: this.user.add(request.user) this.likes += 1 this.save() return render_to_response(‘company.html’, locals(), […]