试图在价格计算器上显示所选服务

我有一个简单的价格计算器的工作示例,它从数据库中提取价格(通过Laravel 4和Blade模板引擎),客户可以选择服务,价格计算器将输出价格。 它工作得很好,但我希望它能在价格之下显示所选服务。 我有一个例子,但不完全是我想要的。 http://jsfiddle.net/arunpjohny/xf9Fp/2/ var $selections = $(‘#selections’); var $selects = $(“select”).change(function () { var total = 0; $selections.empty(); $selects.each(function () { var $selected = $(this).find(“option:selected”); var price = parseFloat($selected.data(“price”)) || 0; total += price; if($selected.val() !== ”){ $(”, { text: $selected.text() + ‘:’ + $selected.val() }).appendTo($selections) } }) $(“strong”).text(‘$ ‘ + total); }) […]

有没有办法可以找出我的数据字符串是否被传递给我的PHP函数

我正在调用ajax表单提交脚本,如下所示: $(function() { $(‘.simple-success’).hide(); $(“#submit_button”).click(function() { var firstname=$(“input#Firstname”).val(); var lastname=$(“input#Lastname”).val(); var email = $(“input#email”).val(); var title = $(“input#title”).val(); var organization = $(“input#organization”).val(); var dataString = ‘firstname=’+ firstname + ‘&lastname=’ + lastname + ‘&email=’ + email + ‘&title=’ + title + ‘&organization=’ + organization; $.ajax({ type: “POST”, url: “optIn.php”, data: dataString, success: function() { $(‘.emailform’).fadeOut(100).hide(); $(‘.simple-success’).fadeIn(100).show(); […]

将JSON传递给JQuery函数Javascript

我们有一个非常简单的Google Apps脚本Web应用程序,其目的是在HTML下拉列表中显示JSON数据。 JSON文件存在于Google云端硬盘中。 灵感代码来自: http : //jsfiddle.net/manoj_admlab/Mta5b/3/ 但是当我们尝试“获取Json”时,没有数据被加载到下拉列表中: 的index.html Select Fetch JSON google.script.run.getJson(); // Runs the function “getJson();” in Code.gs $(‘#fetch’).click(function(s) { $.post(s, {json: JSON.stringify(json)}, function(data) { $.each(data.Destinations, function(i, v) { $(‘#destinations’).append(” + v.destinationName + ”); }); }); }); Code.gs function doGet() { var template = HtmlService.createTemplateFromFile(‘index’); var htmlOutput = template.evaluate() .setSandboxMode(HtmlService.SandboxMode.NATIVE); return htmlOutput; } […]

在菜单中添加一个类,然后使用jquery单击链接?

我正在尝试使用jquery在我的css菜单中添加一个类,它添加了当您单击菜单项时选择的类但它实际上没有单击超链接。 编辑:它添加了一个li类。 但是当我点击它时,它什么也没做 HTML: Home About Contact jQuery的: $(function () { $(‘.topmenu a:link’).click(function (e) { e.preventDefault(); var $this = $(this); $this.closest(‘ul’).children(‘li’).removeClass(‘selected’); $this.parent().addClass(‘selected’); }); }); 我需要它点击链接一旦它分配了“选择”类,奇怪,因为手动点击似乎不起作用? CSS: #nav { width: 100%; height: 30px; } nav a.current { display: block; margin: auto; width: 950px; } nav ul { list-style: none outside none; margin: 8px 0 0; } […]

如何在发生变化时将访问过的链接更改为未访问的链接

有没有办法让访问链接回到未访问状态而不删除hystory中的任何内容? 我想在一个论坛上这样做,当有人在一个主题中回复时,它必须将该主题链接变为未访问的。 我正在使用这个CSS: a.newold:visited {color:#999999;} a.newold:link {font-weight: bold;} 并且有主题列表: TITLE 问题是:当我点击某个主题时,它会自动更新为访问过的? 我想要一些东西(如果可能的话),当我在该主题中添加回复时,其链接将被更新为未访问过的 关于我正在寻求什么的更多信息: 示例:主题名称为:TEST。 首先是未访问的主题,它看起来像: TEST ; 我点击它,我看了它,它看起来像:TEST; 然后我在该主题中添加回复; 该主题将再次被访问: TEST ; 我认为这是尽可能清楚的。 如果我使用其他变量,比如$user看到的topic_id ,它会很糟糕,因为它是一个很大的请求,所以我想知道是否有一些事情可以在没有数据库请求的情况下完成。

如何在没有页面刷新的情况下按时间更改背景图像

我想要实现的是让我的页面的背景图像根据一天中的小时而改变。 这很简单,因为它只需要通过Date对象检索小时,并检查它的值。 var hour = new Date().getHours(); if (hour 18) { //set image through url } else { //set another image through url } 我真正想要的是让背景图像动态变化(没有页面刷新)。 我已经想出了一个用上面的逻辑做到这一点的方法,但我相信它会在每个传递的时间间隔内加载图像: setInterval(function () { var hours = new Date().getHours(); $(“#hours”).html((hours 9 && hours < 18) { $("body").css("background-image", "url(../images/night-sky-background.jpg)"); } else { $("body").css("background-image", "url(../images/day-sky-background.jpg)"); } }, 1000); 上面的代码将hours值写入页面,并以间隔检查每秒的值。 它还会每秒检查hours值,并相应地设置背景图像。 我担心这实际上不是解决这个问题的好方法。 原因如下: […]

如何使用jquery防止光标跳转到textarea中的下一行

我正在研究TinyMCE编辑器,我必须为一些特殊的等式定制它。 问题是,当我按下回车键时,光标将转到新行。 我的问题是当有人按下编辑器中的回车键时,如何防止光标跳到新行。我想要光标保持之前的状态,按下回车键。 就像textarea一样,当按下回车键时,光标将转到新行。 任何人都可以解释如何防止光标跳转到新行。 谢谢。

ajax回发不正常

更新的问题 最近我需要在ASP.NET MVC 3中实现一个多步骤向导。经过一些研究,我能够找到这个解决方案。 http://afana.me/post/create-wizard-in-aspnet-mvc-3.aspx 所以除了下面列出的小改动之外,我完全按照它的例子进行操作: @using (Html.BeginForm()) { @Html.ValidationSummary(true) User @Html.Partial(“UserInfo”, this.Model) @Html.Partial(“Email”, this.Model) @Html.Partial(“Cars”, this.Model) <input type="button" id="back-step" name="back-step" value=" ” /> } 如您所见,我正在使用部分视图来呈现每个步骤。 然后我继续创建一个将用于此视图的ViewModel: public class UserViewModel { public UserViewModel() { } [Required(ErrorMessage=”Username”)] public string UserName { get; set; } public string FirstName { get; set; } public string LastName { get; […]

Json数据不绑定到jqgrid

这是我用jQGrid的第一个例子,我写了下面的代码。显示了.Grid但数据没有绑定。我看了很多例子,但没有找到答案 这是我的Jquery代码 jQuery(“#jQGridDemo”).jqGrid({ url: ‘http://localhost:7887/application/get’, datatype: “json”, contentType: ‘application/json; charset=utf-8’, page: 1, loadonce: true, gridView: true, loadonce: true, colNames: [‘Application ID’, ‘Application Name’, ‘PageLink’, ‘CreatedDate’], colModel: [ { name: ‘ApplicationId’, key: true, width: 75 }, { name: ‘ApplicationName’, width: 150 }, { name: ‘PageLink’, width: 150 }, { name: ‘CreatedDate’, width: 150 } ], width: […]

jQuery插件的回调函数

我怀疑Javascript中的“调用”function。 我有这个jQuery插件: (function($) { var methods = { method1 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, method2 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, method3 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, }; $.fn.jPlugin […]