Tag: jquery

jquery lightbox插件，同时通过ajax加载图像: 我有一个页面，我在页面加载时最初加载一堆图像。这些图像与灯箱插件绑定，当我点击图像时…插件确实做了它应该做的事情。但是，我通过jquery添加了一些ajax（由下拉框触发），它根据从服务器获取的内容更新图像列表。重新加载图像列表后，灯箱插件似乎不再起作用。有谁知道是否需要做一些特别的事情？以下是我的html页面中的代码（这是有效的）：以下是jquery ajaxfunction。感谢seth （现在我希望SO提到像twitter这样的function:) jQuery(function(){ jQuery(“select#rooms”).change(function(){ var options = ”; jQuery.getJSON(“/admin/selection.php”,{id: jQuery(this).val(), ajax: isAjax}, function(j){ for (var i = 0; i < j.length; i++) { var ul = jQuery('ul#imagesall').empty(); var images = j[i].images.split(','); jQuery.each( images , function(idx, img ) { ul.append('’); }) } }) }) })

滚动到活动标签: 这个问题是基于我的上一个问题。显示或显示可见的活动标签我必须解决一些问题，所以我已经解决了。但我仍然无法使其正常工作。就像我想滚动左右活动/点击标签来显示。请看看jsfiddle的例子。例如：当我点击溢出的标签5时，它应显示可见。然后从1到4将溢出（隐藏）所以现在如果我点击2（2点击）然后它应滚动到右边并显示它可见。实际上，将有N个列表（li）元素。我刚发现不知道为什么但是jsfiddle示例在IE上不起作用。谢谢… 的jsfiddle $(document).on(‘click’, ‘.liClicked’, function () { var idValue = ($(this).attr(‘id’)); console.log(idValue); var idValues = ($(“.element ul li#” + idValue)); console.log(idValues); // $(idValues).css(‘left’,’-50px’); $(‘.element’).animate({ “left”: “-=50px”, }, “slow”) }); $(“#right”).click(function () { var calcs = ($(‘ul li#tab1’).width()); $(“.element”).animate({ “left”: “+=” + calcs, }, “slow”); }); […]

在wordpress中调用js文件: 我有一个wordpress网站，我正在尝试加载.js文件。出于某种原因，我无法让它发挥作用。 js文件位于http://www.leadcomm.net/pricequotejs.js 我把它放在页脚中： if (window.location.href == ‘http://www.leadcomm.net/cost-estimate/’) { var js = document.createElement(‘script’); js.setAttribute(“type”,”text/javascript”); js.setAttribute(“src”, “pricequotejs.js”); document.getElementsByTagName(“head”)[0].appendChild(js); } 关于我做错的任何想法？

当字体大小低于1px时，SVG文本路径点击半径太高: 我在D3.js中创建了一些河流，并希望它们可以点击。所以我创建了一个例子jsfiddle.net/kwoxer/5uc17jwr/19/ 。在那里你可以看到河流的鼠标hover总体上是好的。但问题是当字体大小低于1px （例如River 9和River 10）时，它就不再正确了。不知何故，鼠标hover是错误的，半径太高了。因此，在font-size 1px下面，您实际上可以将鼠标移离文本，并且河流文本仍然会突出显示。我想知道为什么它低于1px以及如何解决这个问题。也许如果有一些禁用outerRadius？问题例子我希望红色和蓝色标记与事件。红色的将突出11河，蓝色的突出19河：这几乎是同一个问题，但另一个案例。因此，当河流的字体大小太小时，蓝色区域也会切换突出显示。我想禁用该行为：

在实施CKEDITOR时，通过id查找textarea不再有效: 我有一个信息表，允许用户编辑它。在一个单元格中，有文本信息。如果用户单击该单元格，则会出现一个bootstrap模式，其中包含一个包含从数据库中检索的当前文本的textarea。这是表格的一部分： Event Notes @foreach($events as $event) {{$event->Event}} id}}”>{{$event->notes}} @endforeach 这是javascript启动模式的一部分： $(‘[id^=”notes”]’).on(“click”, function(){ var input_id = $(this).attr(‘id’); var previousValue = $(‘#’+input_id).html(); console.log(‘clicked! The current notes are: ‘+previousValue); var result = input_id.split(‘-‘); var notes_id = result[1]; console.log(‘The event id selected is: ‘+notes_id); /*Open a modal*/ $(‘#modal-notes’).modal(‘show’); $(‘#modal-notes’).on(‘shown.bs.modal’, function() { console.log(‘Modal has been opened.’); $(this).find(‘#observations’).text(previousValue); […]

jQuery，问题与.animate（）和.fadeIn（）: 在div .frame里面我还有3个div： .middle ， .middle和.bottom 。 .bottom和.bottom display none ，当鼠标位于.bottom上时，jquery函数为animate ， .bottom的高度增加， .bottom和.bottom显示为.fadeIn() 。当鼠标超出.bottom ， .bottom的大小正在减小，而.bottom和.bottom将以.fadeOut()消失。我的CSS是： .frame{ border-style: solid; border-width: 1px; width:200px; height:200px; position: absolute; top:50px; left:50px; } .middle{ width:200px; height:200px; position: absolute; top:0px; } .top{ display:none; background-color:red; width:100%; } .bottom{ position:absolute; display:none; bottom:0px; background-color:red; width:100%; } 我的HTML： top middle bottombottombottombottom 和我的jQuery： var […]

ASP.NET Jquery C＃MessageBox.Show对话框呃…问题: 我正在维护一个ASP.NET站点，我试图使用jQuery让对话框看起来更好。 Web应用程序有一个名为MessageBox的C＃类，它允许从服务器端向客户端显示消息….基本上在aspx代码隐藏的C＃中，如果某些逻辑“不计算”，你可以只使用MessageBox.Show（ ‘你的错误信息’）; 由于MessageBox类似乎只是’注入’javascript …“alert（你的消息）”我尝试将javascript更改为jquery对话框调用： html：标准的jQuery示例对话框…（故意切断标签……只是为了让代码示例显示出来……在这里可能有一种真正的方法可以做到这一点……但这是我的第一篇文章…） div id =“dialog”title =“示例对话框”> p>您要向用户显示的某些文本./p> / DIV> jQuery：我注释掉了Alert，并替换了：sb.Append（“$（’dialog’）。dialog（’open’）;”）; while（iMsgCount–> 0） { sMsg =（string）queue.Dequeue（）; sMsg = sMsg.Replace（“\ n”，“\\ n”）; sMsg = sMsg.Replace（“\”“，”’“）; //sb.Append（@“alert（”“”+ sMsg + @“”“）;”）; **** sb.Append（“$（’dialog’）。dialog（’open’）;”）; **** } 我期待这个打开html中设置的对话框，但没有显示。我认为javascript是javascript …而且执行jQuery调用而不是手动警报无关紧要……但显然存在断开连接。有关如何解决这个问题的任何想法？或者我不知道的任何更好的实现？谢谢，对于任何和所有的帮助……我在下面包含了完整的MessageBox类。柯特。 public class MessageBox {private static Hashtable m_executingPages = new Hashtable（）; private MessageBox（）{} public […]

var不受function影响吗？: 我正在尝试使用jsPDF将html转换为pdf。但是，函数内部发生的变量和事物似乎对函数外部的所有内容都是不可见的。这是我的代码： $(document).ready(function() { $(“#runpdf”).click(function(event) { var doc = new jsPDF(); var imageData; html2canvas($(“#page1”), { logging:true, profile:true, allowTaint:true, letterRendering: true, onrendered:function(canvas) { imageData= canvas.toDataURL(“image/jpeg”); doc.addImage(imageData, ‘JPEG’, 0, 0, 200, 200); } }); doc.save(‘test.pdf’); }); }); 在运行它时，会呈现一个空白页面，特别是函数html2canvas中的所有内容实际上都不会影响var doc 。但是，在放上doc.save(‘test.pdf’); 位于函数内部（在doc.addImage() ），它对正在呈现的页面执行正常。但是，我不能这样做，因为我将使用for-each循环在多个页面上多次执行html2canvas函数，然后在最后保存文档。但这不起作用，因为似乎doc.save()需要与其余函数在同一个函数中。我该如何避免这个问题？谢谢编辑：使用计数器和简单的if语句修复问题。 var doc = new jsPDF(“p”, “pt”, “letter”); $(document).ready(function […]

表单提交后更新div内容而不重新加载页面: 好吧，我有一个弹出窗口，显示有关客户的一些注释。内容（注释）通过ajax显示（通过ajax获取数据）。我还有一个add new按钮来添加新笔记。该注释也添加了ajax。现在，问题出现在将注释添加到数据库中之后。如何刷新显示注释的div ？我读过多个问题，但无法得到答案。我的代码获取数据。 var cid = $(‘#cid’).val(); $(document).ready(function() { $.ajax({ //create an ajax request to load_page.php type: “GET”, url: “ajax.php?requestid=1&cid=”+cid, dataType: “html”, //expect html to be returned success: function(response){ $(“#notes”).html(response); //alert(response); } }); }); DIV 我提交表单的代码（添加新注释）。 $(“#submit”).click(function() { var note = $(“#note”).val(); var cid = $(“#cid”).val(); $.ajax({ type: […]

在选项卡面板extjs4.2中访问iframe: 我有一个由两个标签组成的标签面板。我试图通过使用“window.frames [”id“]”来访问每个选项卡中的iframe，但是当我发出警报时我会得到未定义的。如何在我的情况下访问iframe？ tabPanel = Ext.create(‘Ext.tab.Panel’, { region: ‘center’, activeTab: 0, autoScroll: true, items: [ { id:”panel_A”, title: “${tr.A}”, html: “”, },{ id:”panel_B”, title: “${tr.B}”, //disabled:tabs_status, //hidden:hidden, html: “”, }] }); viewport = new Ext.Viewport({ layout:’border’, items:[tabPanel] });