按钮单击时将标签转换为输入字段的问题

我在这里讨论的post中修改了答案。 在我的应用程序中,我有两个按钮 – 编辑和保存 。 单击编辑时, labels将转换为input字段,用户可以在其中编辑内容并进行保存。 一切正常,但问题是当用户点击两次编辑按钮时, input字段中的内容变为空白,即值变为空白。 请建议我解决这个问题。 我哪里错了? @Html.DisplayFor(m => m.Company) $(document).ready(function () { $(‘#edit’).click(function () { // for company name var companyName = $(‘.text-cname’).text(); var lblCName = $(”) $(‘.text-cname’).text(”).append(lblCName); lblCName.select(); }); $(‘#btnSave’).click(function () { var text = $(‘#attrCName’).val(); $(‘#attrCName’).parent().text(text); $(‘#attrCName’).remove(); }); });

当鼠标进入时动态创建的元素。(意外触发鼠标输出事件)

我想要有工具栏,从具有类container div中检测mouse-out / in事件。 mouseover和mouseout事件正在按预期工作。 当鼠标移入和移出元素及其后代时,会触发这些事件。 但是有一些事情是不可预料的:当鼠标移动时,新创建的div被移除。移除后它将触发mouseover事件,因此创建了另一个新的div。这使它变得令人眼花缭乱。 任何遇到过这种问题的人请帮助我。 谢谢。 假设你有这个HTML: 而且,这个JavaScript: $(function() { $(‘div.container’).on(‘mouseover’, function(e){ e.stopPropagation(); $(this).append(“”) console.log(“into ” +$(this).attr(‘id’)); }).on(‘mouseout’, function(e){ $(“.newdiv”,this).remove(); console.log(“out from ” + $(this).attr(‘id’)); }) }); 使用CSS: .parent { border:1px solid black; width:100%; height:400px; } .child { float:left; width:40%; border:1px solid red; margin:1px; height:300px; } .newdiv{ border:1px solid blue; margin:2px; width:100px; […]

如何强制chrome不重新加载具有相同URL的图像,直到刷新页面,如firefox

Firefox不会使用相同的URL重新加载图像,直到刷新。 $(“#a”).click(function(){$(“#img”).attr(“src”,”http://sofzh.miximages.com/javascript/img.php”);}); //the two line above are in the same html page.And when the html page is loaded // in the browser, i open a new tab and go to the php page that includes //the line below. mysql_query(“update images set data=$data where id=3”);//changing the image here 然后我回到html页面然后单击#a,在firefox中显示旧图像所以它不会询问mysql是否更改了id = 2的图像,除非刷新html页面。但是在chrome中新的,更改了图像显示。它再次询问mysql,不关心url是否仍然相同。 我希望chrome的行为像firefox.Tried设置过期,最后修改等标题没有缓存,但它以不同的方式工作。据我所知它不缓存我正在寻找。不管怎样,这是一个非常重要的问题对我来说,我将不胜感激任何帮助。

Jquery UI Datepicker onclick事件

我想在用户点击活动日期时打开一个url。 我使用jQuery UI Datepicker,我没有看到问题出在哪里。 这是我的代码: $(document).ready(function() { var events = [ { Title: “titre”, Idevent: “1”, Date: new Date(“05/20/2012”)}, { Title: “test24”, Idevent: “3”, Date: new Date(“06/14/2012”)} ]; $(“#calendarcaps”).datepicker({ beforeShowDay: function(date) { var result = [true, ”, null]; var matching = $.grep(events, function(event) { return event.Date.valueOf() === date.valueOf(); }); if (matching.length) { result = [true, […]

响应式图像映射调整大于100%的容器

我正在使用ImageMapster jquery脚本来创建一个imagemap。 作者提供了一个小提琴,展示了如何响应地调整图像地图的大小。 如果您希望地图占据页面宽度的100%,则可以使用它。 但是,如果您在地图周围放置一个边界容器,就像我在下面的示例中所做的那样(使用作者的响应示例),它会大大超出边界框的宽度。 (当您查看下面的小提琴时,尝试放大浏览器)。 如何更改此resize代码以强制地图不要超过其容器的宽度? 常规css max-width不能这样做。 小提琴: http : //jsfiddle.net/jQG48/999/ 这是他用来计算大小的代码: function resize(maxWidth,maxHeight) { var image = $(‘img’), imgWidth = image.width(), imgHeight = image.height(), newWidth=0, newHeight=0; if (imgWidth/maxWidth>imgHeight/maxHeight) { newWidth = maxWidth; } else { newHeight = maxHeight; } image.mapster(‘resize’,newWidth,newHeight,resizeTime); }

Facebook Sharer + jquery

我希望能够使用默认的Facebook共享对话框。 我正在使用此代码,以便能够在我的Fancybox图库中使用Facebook Share按钮: $(“.fancybox”) .attr(‘rel’, ‘gallery’) .fancybox({ beforeShow: function () { if (this.title) { // pass original title to new variable var originalTitle = this.title; // Add FaceBook like button this.title += ‘ ‘; } }, afterShow: function() { // Render tweet button twttr.widgets.load(); }, helpers : { title : { type: ‘inside’ } } […]

使用jquery的paginaton下拉列表

我想要一个下拉菜单,让用户选择他们想要的记录号码? 所以,如果我在db中有200条记录,它将有4个页面,下拉列表将如下所示 “只是一个想法……不是一个确切的代码” 1-50 51-100 101-150 151-200 我在jquery中看到了与其他类型的分页,但没有下拉。 任何帮助将不胜感激。 谢谢

使用Jquery传递带参数的链接

我有这个链接: # 我想通过Jquery传递它,因此页面不会刷新。 但是,我很难实现这一目标。 我用Jquery尝试过的所有点击事件和ajax都没有成功。 基本上,我希望ajax发送delete.php iid参数中的值。

jQuery .ajax调用从不调用方法

在这篇SOpost中,我学会了如何从AJAX调用中获取返回值: function CallIsDataReady(input) { $.ajax({ url: “http://www.blah.com/services/TestsService.svc/IsDataReady”, type: “GET”, contentType: “application/json; charset=utf-8”, data: input, dataType: “json”, success: function (data) { if (!data) { setTimeout(function (inputInner) { CallIsDataReady(inputInner); }, 1000); } else { //Continue as data is ready callUpdateGrid(input); } } }); } $(document).ready(function () { var input = { requestGUID: “” }; CallIsDataReady(input); }); 此函数调用其Web服务,确实返回true。 […]

IE中的IE跨域ajax请求

我有一个服务器在localhost端口3002上运行,当我尝试从localhost端口3000发送ajax请求时,请求不会在任何版本的Internet Explorer中发送。(在chrome和firefox中工作正常)。 我也尝试过使用jquery插件jquery.xdomainajax.js而且我也有 def set_access_control_headers headers [‘Access-Control-Allow-Origin’] =’ ‘headers [‘Access-Control-Request-Method’] =’ ‘end 应用程序控制器中的方法,在localhost端口3002中运行的服务器代码中。 我的要求:在IE中发送ajax请求跨域并处理响应。 任何帮助都会受到高度关注。 提前致谢