从DropDownList中选择选项时激活function

我设计了一个自动完成function,当一个人在文本框中输入至少3个字母时,它将通过几个火车站数据库中的一个来查找具有这三个(或更多)字母的所有可能的站。 该function完美运行,在打开网页时,自动完成列表会提供正确的站点。 但是,用于生成自动完成建议的数据库的选择基于用户输入到页面上的下拉列表。 目前使用的数据库是基于页面加载时选择的选项(所以顶部选项),我似乎无法在用户输入更改时更改此选项。 这是代码的问题部分: $(function () { for(i=0;i<30;i++){ $("#_Q6_Q" + i + "_Q3_C").change(function(){ transportChange($("#_Q6_Q" + i +"_Q3_C").val(), i) }); }; } 以下是transportChange函数如何使用参数的粗略示例: function transportChange(lst, i) { /* lst = input into Mode of Transport question. i correlates to the row number – these are auto generated when the respondent changes their answer. */ //Blank […]

jQuery table.wrap()导致布局问题

我稍后会发布一个更详细的代码片段(现在没有VPN访问权限),但是在下面的例子中通常会导致奇怪的布局问题: … … … … 顶级 是float: left; width: 100% float: left; width: 100% 当我尝试使用以下方法包装表时: $(‘table#container’).wrap(”); 第一个 的内容搞砸了(似乎复制了我在那里的菜单栏)。 更新刚刚找到标签,如下面嵌套在表中,当我在包装表之前删除它们时,问题就消失了。 对此有任何见解将不胜感激。

jQuery.load在WPMU中给了我一个404 Not Found

我开发了一个在单个站点WP上运行良好的插件。 但是当在带有子域的WPMU上测试它时,我得到404 Not Found错误。 奇怪的是,即使我收到错误消息,内容也会被加载 – 但内容永远不会显示。 你可以在这里看到截图: http://sofzh.miximages.com/jquery/jQuery_load_error.png jQuery代码如下所示: jQuery.post(“/wp-content/plugins/wp-eventcal/eventcal_jquery.php”, { instance: ‘getEvent’, eventID: eventID }, function(event) { alert(event); // For testing – never fires }, “json”); 有关如何解决此问题的任何建议? 的.htaccess # BEGIN WordPress RewriteEngine On RewriteBase / RewriteRule ^index\.php$ – [L] # uploaded files RewriteRule ^([_0-9a-zA-Z-]+/)?files/(.+) wp-includes/ms-files.php?file=$2 [L] # add a trailing slash to /wp-admin […]

从下拉菜单设置背景图像 – JavaScript

我想制作一个菜单,为一个关于我的艺术品的网站选择不同的背景。 这(链接适用于背景颜色,我能够很好地复制它.http://www.javascripter.net/faq/backgrou.htm 我知道该属性是bgImg但我无法弄清楚如何实现它。 如果有人可以做一个简单的小提示,告诉我这个看似简单的技巧,我真的很感激。 谢谢! 罗林

如何在高图中输入null然后在折线图中忽略它?

我正在使用highcharts创建一个折线图,每当输入为null时,折线图就会分成散点图。 我希望它只是忽略该值并连接到图中的下一个点。 我想我使用了正确的代码,但图表仍然不会让步。 当我将鼠标hover在值上时,工具提示甚至会显示为null(我是否用CSV中的单词写入null或者只是离开;;)… $(“select”).change(function() { $(“select option:selected”).each(function() { var variable = $(this).val(); var graphtitle; switch (variable) { case “CSV/Sheet1.csv”: graphtitle = “Academic-Corporate Collaboration”; break; case “CSV/Sheet2.csv”: graphtitle = “Academic-Corporate Collaboration Impact”; break; case “CSV/Sheet3.csv”: graphtitle = “Citation Count”; break; case “CSV/Sheet4.csv”: graphtitle = “Citation Count, self-citations excluded”; break; case “CSV/Sheet5.csv”: graphtitle = “Citations per […]

可拖动和可放置图像时出错

我试图在3个可放置的图像上拖动2个图像。 当我在drop1上拖动第一个图像时,它会打印Drop11,类似于drag2和drag3,它会打印Drop12和Drop13。 当我拖动第二个图像时,它必须打印Drag21,Drag22和Drag23 resp。 一切正常,但是当我将第一张图像拖过任何一张可丢弃的图像时,它会打印它应该的内容。 但在那之后,如果我将第二个拖动图像拖到任何可拖动的图像上,它首先打印第一个droppale的消息,当我再次将它放在那里时,它会打印第二个droppable的消息(意味着它首先打印13个,如果拖动则打印23个)再次)。 它就是这样的。 我的代码有什么问题..? 我的代码是 jQuery UI Droppable – Default functionality #draggable1 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } #droppable1 { width: 150px; height: 150px; padding: 0.5em; […]

Jquery .Ajax()返回错误0

我在index.html中使用登录表单编写了javascript。 当我提交时,我将Web服务远程调用到运行IIS7的服务器。 当我在Dreamweaver中使用“Live Code”运行它时,我得到了回复,但是当我在常规浏览器中使用相同代码运行index.html时,我得到错误类型“0”。 当我复制这些文件并将其托管在服务器上并将Web服务路径更改为localhost并使用broswer打开它时,会发生同样的事情。 我怀疑它与类似的访问权限有关。 这是代码,如果需要更多信息,请告诉我 $(“#ButtonLogin”).click(function (event) { $.ajax({ type: “POST”, url: serverPath + “/test.asmx/LogIN”, data: “{‘UserName’: ‘” + $(‘#TextBoxUsername’).val() + “‘, ‘pwd’: ‘” + $(‘#TextBoxPassword’).val() + “‘}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (msg) { AjaxLogInSucceeded(msg);} , error: AjaxLogInFailed }); });

在AJAX请求之后再次运行jCarouselLite

我正在使用jCarouselLite来显示一个post滚动条,它会加载特定类别的post。 但是,我希望能够通过AJAX切换类别。 所以,我在div中加载所有内容,然后运行: jQuery(function($) { $(“#serviceNews”).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }); 它起作用……直到ajax刷新#serviceNews的innerHTML。 然后jCarouselLite停止工作。 我尝试过使用livequery: jQuery(function($) { $(“#serviceNews”).livequery(function(){ $(this).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }); }); 但同样的事情发生了。 我对jQuery不太熟悉,所以我可能错过了一些明显的东西。 您可以在此处找到演示(横幅下方的中间列,滚动条下方的switchCategory按钮)。

resize到页面后固定导航栏问题

我有一个页面,如果你点击你会看到演示页面,并有一个隐藏的固定菜单。 滚动页面向下滚动后,您将看到固定菜单设置为display:block如图所示: 但是如果我正在调整窗口大小并且如果我将滚动页面翻到正常的桌面模式后出现,你看到我的固定菜单没有隐藏 另一个问题是如果你打开页面移动模拟器(就像在这个模拟器上)[ http://mobiletest.me/google_nexus_7_emulator/?u=http://firatabak.com/test/tur_detay.html]通常菜单必须显示当我向下滚动页面但它不是。 JS代码 var navOffset = jQuery(“.after-scroll-sticky”).offset().top; jQuery(window).scroll(function(){ var scrollPosition = jQuery(window).scrollTop(); if(scrollPosition >= navOffset){ jQuery(“.sticky-navbar”).fadeIn().addClass(“fixed”); }else{ jQuery(“.sticky-navbar”).fadeOut().removeClass(“fixed”); } }); if ($(window).width() = navOffset2){ $(“.sticky-navbar”).addClass(“fadeOutRightBig”); $(“.menu-btn”).fadeIn(“fast”); }else{ $(“.sticky-navbar”).removeClass(“fadeOutRightBig”); $(“.menu-btn”).fadeOut(“slow”); } }); }

保存并加载页面的ajax状态

我正在使用Wordpress单页组合上的ajax加载function。 原则是当您单击库中的缩略图时,它会打开一个容器(#DrawerContainer)并将此文章的ajax内容提取到其中。 有很多帮助,我已经能够打开抽屉并在点击缩略图时加载post内容。 如果你想看到它工作,这是一个小提琴(ajax不会加载,但它在本地工作)。 http://jsfiddle.net/RF6df/24/ 我正在处理的部分:我需要我的网站可以抓取,url可以共享。 如果我将http://mywebsite.com/#!project5给某人,我需要在加载页面时打开project5内容。 我认为hash-bang(#!)url是实现这项工作的方法。 使用下面的代码(在jsfiddle上评论),我可以更新url并添加点击的缩略图的哈希值。 var pathname = $(this).find(‘a’)[0].href.split(‘/’), l = pathname.length; pathname = pathname[l-1] || pathname[l-2]; window.location.hash = “#!” + pathname; 但是当我加载页面时,ajax状态不会被记住。 我以为这是因为我的ajax容器只在click事件上加载,但是当我在php中添加一个持久容器时没有变化。 有没有办法加载已经显示的post内容的页面,或者在页面加载hash-bang url时打开#DrawerContainer? 请记住,我只是在学习jquery和ajax。 所以,如果你解释或评论你做了什么,我真的很感激,我肯定会在同一时间学习…… 🙂