Tag: inline

shadowbox – 打开内联元素: 我正在使用shadowbox和jQuery。我打开页面加载很好。我想做的是。打开阴影框并显示用户可以输入其电子邮件地址的表单。然后我想通过ajax提交所述表格。我将表单转储到包含在#dialog id的隐藏div中的#dialog 。我的问题是。如何使用内联元素自动打开shadowbox？

隐藏时，SVG的GetBBox: 我现在试图解决这个问题超过一天，但我找不到答案。我的问题是我需要扩展SVG图像（响应式设计）。我需要在客户端操作SVG代码，因此通过img标签嵌入它不是一种选择。因此我尝试使用内嵌图像。但是，为了正确地缩放它，似乎我需要设置viewBox属性。 SVG文件是由某些软件生成的，这些软件无法自行设置边界框，因此我的想法是为此目的使用JavaScript。问题是我的软件使用库中的各种选项卡控件，我无法修改。我不能只获得边界框，因为它最初没有呈现，因此我只是回到零（在Chrome中）或错误消息（在Firefox中）。我需要的是一种获取边界框大小而不实际渲染对象的方法。无法操纵显示参数，库用于显示和隐藏选项卡。有任何想法吗？一个想法是将SVG复制到另一个可见的div中，但我不知道这是否能解决问题。而且我不知道该怎么做。最好的祝福

使用Jquery过滤结果: 我已经在php中为脚本创建了一个搜索表单。 Basicaly这个表单有一些复选框和一个提交按钮。每个复选框都是一个类别，如果我选中一个或多个复选框，结果将按照类别进行过滤。这是html代码： Category 1 Category 2 Category 3 我正在尝试使用ajax内联结果，对于我的脚本的大多数部分，我使用JQuery。任何人都可以帮我弄清楚如何通过ajax实时传递$ _POST数据，而无需重新加载页面？ ps我很抱歉我的英语很差，我希望我很清楚：|

jQuery – 调用函数内联: 我试图将一个变量传递给内联的jQuery函数（即：在实际链接中使用onMouseOver=”function();” （这是图像映射中的区域标记））。只有在我将它放在$(document).ready(function(){ line之前，才会调用该函数，但这样做会导致jQuery出现各种问题。我想要的只是一个简单的标签（例如来启动一个包含的函数在正常的jQuery代码体内。非常感谢您提供的任何帮助。为了说明这一点，以下工作： function myfunction(x) { alert(x); //Alerts 2 } 但以下情况并非如此 $(document).ready(function(){ function myfunction(x) { alert(x); //Nothing happens } }

使用fancyBox显示后，可见的内联div消失: 我在这里发布了一个问题和解决方案，以帮助那些遇到与我相同问题的人。我的页面上有一个，我希望用户可以通过点击图标来“缩放”。未隐藏。我使用fancyBox（ fancyBox主页）将显示为一种模态窗口。我使用fancyBox而不是其他灯箱类型插件的原因是它不复制的内容，而是移动它，所以所有表单元素等继续工作。问题是关闭fancyBox窗口后，隐藏在主页面上。解决方案：我使用了fancyBox 2.1.2。我使用了JFKDIAZ在github（ https://github.com/fancyapps/fancyBox/issues/103 ）上发布的解决方案，以确保在关闭fancyBox窗口后将div返回到其父级。然后我使用jquery showfunction再次显示div内联。我初始化花式框的代码如下。注意beforeLoad和afterClose函数来标识父并将返回给它的父级（感谢JFKDIAZ）。注意添加$(inlineTarget).show(); 再次显示以使其不会消失。其余部分是fancyBox的标准初始化。 $(document).ready(function() { $(“.various”).fancybox({ beforeLoad: function() { inlineTarget = this.href; parentNodename = $(inlineTarget).parent().get(0).tagName.toLowerCase(); $(inlineTarget).parent(parentNodename).addClass(“returnTo”); }, afterClose: function() { $(inlineTarget).appendTo(“.returnTo”); $(“.returnTo”).removeClass(“returnTo”); $(inlineTarget).show(); }, maxWidth: 880, maxHeight: 600, fitToView: false, […]