Tag: html5

MVC 4 – 级联下拉列表 – Ajax JavaScript调用问题

我有一个MVC 4应用程序，其中包含两个下拉列表。 用户在第一个下拉列表中选择一个值，然后进行Ajax调用以根据第一个下拉列表的内容填充第二个下拉列表。 我的JavaScript代码如下所示，当用户在第一个下拉列表中选择一个项目时，它会被调用： function GetAutoModel(_manufacturerId) { var autoSellerListingId = document.getElementById(“AutoSellerListingId”).value; $.ajax({ url: “/AutoSellerListing/GetAutoModel/”, data: { manufacturerId: _manufacturerId, autoSellerListingId: autoSellerListingId }, cache: false, type: “POST”, success: function (data) { var markup = “– Select –“; for (var x = 0; x < data.length; x++) { **if (data[x].Selected) {** markup += "” + data[x].Text + “”; […]

在多项选择测验结束时显示所选答案

我正在尝试创建一个多项选择测验。 问题和选择在应用程序中显示得非常好。 在测验结束时，我可以计算出有多少答案是正确的，错误的和未成功的答案，但我无法显示所选答案并将其标记为正确，不正确或未答复。 我一直试图将应用程序的这部分代码编写近一个月，而我似乎无法弄明白。 如何在多项选择测验结束时显示所选答案并将其标记为正确，不正确或未答复？ 这是questions.php代码，下面是result.php代码。 Multiple Choice Quiz .container { margin-top: 110px; } .error { color: #B94A48; } .form-horizontal { margin-bottom: 0px; } .hide{display: none;} Welcome : QUIZ var myCountdownTest = new Countdown({ time: 180, width:200, height:80, rangeHi:”minute” }); QUIZ <div id='question’ class=’cont’> <p class='questions' id="qname”> . <input type="radio" value="1" id='radio1_’ name=”/> <input type="radio" […]

jQuery fileupload插件成功回调

我使用jQuery文件上传插件（https://github.com/blueimp/jQuery-File-Upload）在rails中同时上传多张图片。 照片附加到项目模型，项目将添加到投票中。 使用插件： $(document).ready(function(){ $(‘#fileupload’).fileupload({ url: ‘/polls’, dataType: “json”, done: function(e,data){ window.location = “/polls/” + data.result.id; } } }); 期望在每个照片文件的轮询控制器中调用创建操作，并重定向页面以在上载所有文件后显示创建的轮询。 但是，例如，当选择上传6个文件时，它首先仅在投票页面中显示4张照片。 刷新页面后，显示6张照片。 我猜这个问题是由回调函数引起的。 似乎在上传所有文件之前将其重定向到民意调查页面 完成了。 所有上传请求都应该成功发送，但这些项目并非全部创建（回形针可能需要几秒钟来处理图像）。 我有什么建议可以解决这个问题吗？ 谢谢 编辑：检查实际上是否为每个成功的http请求调用了“完成”回调函数。 在发送所有请求后没有调用它。 并为每个照片文件调用了创建操作。 如何才能在客户端或服务器端上传所有文件后才能回调？

如何正确地将html5’结束’事件绑定到任何未来（jquery生成）元素？

标题解释了大部分内容。 我有一个链接列表，导致我通过javascript加载到页面中的video和音频文件。 html看起来有点像这样： … … video 1 video 1 … 我的javascript然后看起来如下。 我们的想法是，当您单击音频链接时，它将插入音频标记，当您单击video链接时，它将插入video标记。 单击页面上的任意位置可播放/暂停音频/video。 一切都有效，除了应该处理’已结束’事件的底部代码块。 这个想法是你在媒体完成后回到链接列表。 然而，似乎事件根本不会绑定。 $(document).ready(function() { var mediablock; var playing = false; $(“.video”).on(“click”, function() { var link = $(this).attr(“href”); $(“#main”).hide(); $(“body”).append(”); mediablock = $(“#videoblock”).get(0); mediablock.play(); playing = true; return false; }); $(“.audio”).on(“click”, function() { var link = $(this).attr(‘href’); $(“#main”).hide(); $(“body”).append(‘<audio id="audioblock" width="'+$(window).width()+'" height="'+($(window).height()-50)+'"’); […]

为什么是＆reg; 与jquery一起使用时无法正常工作

我有一个问题我想附加一个按钮的注册商标符号，我希望它用jquery完成，因为有很多很多按钮，当我使用它与html例如（下面）它工作时需要标志。 但是，当我使用如下的jquery时，它返回纯文本： $(‘.button_a’).each(function(){ $(this).attr(“value”,$(this).attr(“value”)+” ®”); }); 我不想浪费我的时间和空间来放置® 在所有按钮的值中，所以我希望它在jquery中完成，但我做错了什么。 我知道这是一个缓慢的问题，但请有人在这个问题上帮助我 也可以使用Javascript。 欲了解更多信息，请评论并询问 谢谢….

通过jquery清除浏览器保存的密码

所以这里我有一个更改密码的页面，但在此之前我Login page ，用户登录并说他已点击浏览器的默认functionRemember me或Save Password或登录时提示的任何内容，并保存密码！ 现在，当我加载我的change password局部视图时，默认情况下将填充带有ID txtOldPassword的文本框，而文本框txtNewPassword和txtConfirmPassword将保留为空！ 我加载我的PartialView如下，并尝试清除txtOldPassword值！ $(‘.menu’).on(‘click’,function(){ $(‘#body_data’).load(‘/Home/GetChangePassword’,function(){ $(‘#txtOldPassword’).val(”); //Tried to clear the value here }); }); 但价值仍然存在！ 现在，我不想禁用浏览器的默认function，但我只想删除自动出现的密码并存储在文本框txtOldPassword ！

扩展搜索栏

我正在开发一个video网页，比如YouTube或Vimeo ……我现在正在搜索输入…我正在谷歌搜索指南，我找到了这个： http ： //tympanus.net/codrops / 2013/6月26日/扩展的搜索栏，解构/ 我几乎已经完成了它，但问题是，发布它的人，使用Javascript，而不是使用JQuery（更容易……） 我一直在尝试修改代码，当你点击按钮时会出现搜索输入，但它不会消失……你能帮我解决这个问题吗？ 使用Javascript： ;( function( window ) { function UISearch( el, options ) { this.el = el; this.inputEl = el.querySelector( ‘form > input.sb-search-input’ ); this._initEvents(); } UISearch.prototype = { _initEvents : function() { var self = this, initSearchFn = function( ev ) { if( !classie.has( self.el, ‘sb-search-open’ ) […]

jQuery动态更新字段滚动页面

我有一个用户填写的表单，单击“保存”并将其下移到表中。 从那里他们可以编辑一行或删除它。 但是，每次从表中添加或删除某些内容，或者从表中重新填充字段返回到表单中（从而从表中删除直到再次保存），页面会跳回到顶部。 因此，每当用户更新此区域时，他们必须向下滚动，这是一个非常大的forms。 我有大部分的部分崩溃，但像我一样，我怀疑用户会在他们向下移动时让他们打开。 有谁知道是什么导致这种情况，是否有任何真正简单的方法可以避免它？ 我是jQuery的新手，甚至是JS，我花了大部分时间在服务器端。 编辑：添加HTML： Product Units Pieces UOM NMFC Hazmat class weight L W H Cube Density

将html5video制作成全屏

我有一个自定义HTML5video播放器，在HTML页面中有一个video标签和另一个DIV标签，我放置了控件。 控制DIV有播放按钮，暂停按钮，全屏按钮等。现在我想点击全屏按钮使video全屏显示。 我编写了使用requestFullscreen（）的代码。 此代码不会抛出任何错误，但它不起作用。 有人可以告诉我我哪里错了吗？ var controls = { video: $(“#player”), //this is the video element fullscreen: $(“#fullscreen”) //This is the fullscreen button. }; controls.fullscreen.click(function(){ var elem = controls.fullscreen; if (elem.requestFullscreen) { controls.video.requestFullscreen(); } else if (elem.mozRequestFullScreen) { controls.video.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { controls.video.webkitRequestFullscreen(); } });

jQuery Mobile CSS没有样式化JS插入HTML

我正在使用Backbone.js和jQuery Mobile制作移动网络应用程序，但我遇到了一些样式问题。 只是为了测试一下我想要设置我的Logout按钮。 在造型之前，我有： this.$el.append(”); 在我的代码的某一点，一直工作正常。 我将此行更改为： this.$el.append(‘ LOGOUT ‘); 但是，当我这样做时，它只显示“LOGOUT”作为没有应用CSS的普通链接。 我尝试将相同的代码放在我的HTML文件的正文中，而不是使用JS插入它，并且它的样式正确。 在所有其他文件和我的JS代码包含在绑定到$(document).ready()的函数中之前，我将CSS文件加载到文档的头部，所以我不确定为什么CSS不能正常工作。 我错过了概念性的东西吗？ 我怎样才能解决这个问题？