在jQuery html()中防止XSS

我使用ajax从数据库接收数据,然后使用.html()jQuery函数将其与HTML代码一起添加到网站,如下所示: $.ajax({ url: “getDatabaseData.php”, type: “post”, dataType: “json”, success: function(response){ $(“#message-div”).html(getMessagesHtml(response)); } }); function getMessagesHtml(messages){ var result = “”; for(var i = 0; i < messages.length; i++){ result += "” + “Name: ” + messages[i].name + “” + “Message: ” + messages[i].message + “” + “”; } return result; } 以下是getDatabaseData.php,它从数据库获取并返回数据: $messages = $CFG_DB->select(“SELECT name, […]

jquery对话框 – 外部链接的javascript无法正常工作

我正在尝试创建一个对话框,加载外部php文件,其中包含一个表单,该表单要求提供信息,包括使用jQuery datepicker和javascript代码的日期,以检查在提交之前是否填写了所有字段。 我有正确弹出的对话框但是外部php文件中的javascript不起作用(日历没有弹出,表单validation检查不起作用)。 我正在使用外部php文件,因为我有链接设置传递一个变量来填写表单的一个部分。 我不确定这些信息是否有用,但是在正常的窗口链接中加载php文件的效果非常好,只有当它在对话框中时,javascript才能正常工作。 这是我对话框的脚本: $(document).ready(function() { $(‘#order a’).each(function() { var $link = $(this); var $dialog = $(”) .load($link.attr(‘href’) + ‘ #content’) .dialog({ autoOpen: false, title: $link.attr(‘title’), width: 500, height: 400 }); $link.click(function(){ $dialog.dialog(‘open’); return false; }); }); }); 这是我弹出对话框的代码: php文件中的javascript代码和表单: $(function(){ // Datepicker $(‘#pdate’).datepicker({ inline: true, minDate: 0, }); function packageValidator(){ var pdate […]

无法将DatePicker添加到模态 – 在背景中显示

我试图插入一个我在这里找到的DatePicker: http : //www.eyecon.ro/bootstrap-datepicker/但我不能让它显示在我的模态前面。 (我可以在模态的背景下看到它) 我不确定我是否错误地实现了它,或者我是否需要将它安装在模态显示的顶部。 这是我的Bundle.config,其中我添加了bootstrap-datapicker.js和bootstrap-datapicker.js文件。 public class BundleConfig { // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle(“~/bundles/jquery”).Include( “~/Scripts/jquery-{version}.js”)); bundles.Add(new ScriptBundle(“~/bundles/jqueryval”).Include( “~/Scripts/jquery.validate*”)); // Use the development version of Modernizr to develop with and learn from. Then, when you’re // ready for production, use the build tool […]

无法编辑css样式:before,:after?

我有这个造型: section.tipos .content > div:before { background: none repeat scroll 0 0 #DDDDDD; content: ” “; height: 10px; left: 32%; position: absolute; top: -10px; width: 10px; } 哪个工作正常, 但是当一些事件发生时,我想将左边的属性更改为不同的% 我知道这可以通过类名或样式实现(当然)。 但我的老板并不喜欢class级名称,除非他们100%需要。 问题是:我可以从javascript更改伪选择器的CSS吗? 像这样的东西(但是有效) $(‘section.tipos .content > div:before’).css({ ‘left’ : 50+index*17});

如何让表单中的提交按钮在执行表单操作之前执行某些操作

晚上好,我有一个HTML表单,其中包含一个提交按钮,除了执行表单的操作之外,我希望这些提交按钮先执行操作然后执行表单的操作,该按钮执行一个不错的jquery slideUp ()但是当我将它嵌入到表单中时它会执行表单的操作并忽略slideUp()行为,在提交表单之前,让该按钮首先执行slideUp()的可能方法是什么? 这是表格: Description: Quantity: Price: CC.No: Engine: Cylinder.No: Max-speed: Petrol-type: Petrol-capacity: 这里的脚本应该在其他任何事情之前执行: $(“.btn1”).click(function() { $(‘#toggleText’).slideUp(); });

如何找出鼠标坐标(setTimeout问题)?

以下是解释所有内容的代码: $(‘#elem123’).mouseenter(function () { setTimeout(function () { //what are mouse coords? }, 650); });

如何设置父ul中第一个元素的HTML

我正在页面上做一个简单的JQuery AJAX更新,我只想用服务器返回的结果更新第一个列表元素(它只是一个数字)。 我的HTML有点像这样(psuedo): 101 Push Up Push Down 5 Push Up Push Down 33 Push Up Push Down 当用户点击Push Up或Push Down ,我会对服务器进行AJAX更新,并返回一个数字。 服务器知道要更新哪个产品(我排除了这个代码,因为这个代码不需要)我想用这个数字更新第一个li 。 我试过这段代码,但似乎更新了第二个li 。 也就是说,它用数字更新“ Push Up ” li 。 我不明白为什么? $(this).parents(“ul.product-controls li:first”).html(result); result只是从服务器发回的号码。 完整的JQuery代码: $(‘a[name=”PushUp”]’).on(‘click’, function(event) { $.ajax({ context: this, type: “post”, url: “page.cfm”, data: $.param(data), dataType: “json”, beforeSend: function() { }, […]

实现Jquery Datetimepicker

我正在尝试将JQuery Datetimepicker实现到我的MVC应用程序中。 我已将所有引用添加到此但仍然抛出错误 GET http://localhost:53987/Home/assets/img/demo/m2.jpg 404 (未找到) 未捕获的TypeError:$不是函数 _Layout.cshtml代码 !DOCTYPE html> @ViewBag.Title – Arion Pedigrees @Styles.Render(“~/Content/css”) @Scripts.Render(“~/bundles/modernizr”) Reports @Html.ActionLink(“AA”, “Index”, “Home”) @Html.ActionLink(“BB”, “Index”, “Home”) @RenderBody() @Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/bootstrap”) @RenderSection(“scripts”, required: false) 这个代码: @Html.TextBoxFor(m => m.StartDate, new { @class = “form-control”}) @Html.TextBoxFor(m => m.FinishDate, new { @class = “form-control” }) 然后是JavaScript代码: $.noConflict(); $(document).ready(function () { $(“#StartDate”).datepicker({ numberOfMonths: […]

Cufon和Jquery Magic预览版

Jquery Magic预览允许用户输入文本并让它自动更新(很像这样的“提交字段”与下面的预览加载一起工作!)。 我希望用户能够输入文本,然后输入Cufon字体来接管他们写的内容(或者只是用cufon字体输入)。 $(function() { $(‘form.example input:text’).magicpreview(‘mp_’); }); Cufon.replace(‘p#mp_trythis1’); 这里有一个例子: http : //twmorton.com/magicpreviewjquery/

Nivo Slider – 如何在AJAX内容加载后调用滑块

我的代码: jQuery(window).load(function() { jQuery(‘#slider02’).nivoSlider({ controlNav: true, effect: ‘boxRainGrow’, animSpeed: 1500, pauseTime: 8000 }); }); jQuery(‘#zone933’).load(‘/content.phtml); 如何让Nivo Slider等到加载ajax内容为止? 因为,有时它有时不工作..这取决于浏览器的刷新。 页面的第一次访问不显示Slider,刷新和ajax内容加载后,显示为OK。 所以我需要做一些事情,比如等待ajax请求完成,然后再调用Slider。 我试图添加: jQuery(document).ajaxComplete(function{ “here my code” }); 但它不起作用。 我正在使用PHP函数,所以我在PHP函数中调用了滑块​​,因此函数调用jQuery代码和滑块的html代码,函数的参数是元素id的名称,例如“zone933”。 PHP工作正常; 如果我使用简单的图像或链接图像,它的工作完美。 只有我使用ajax加载,我才能正常工作。