Tag: javascript

如何浮动不同高度的元素？: 我正在开发一个响应式网页设计，将4列中的多个项目并排放置。这些物品具有不同的高度，因此浮动不能正常工作。这就是目前发生的事情：漂浮错误http://sofzh.miximages.com/javascript/floating-wrong.png 关于如何使元素浮动的任何想法：右浮动http://sofzh.miximages.com/javascript/floating-right.png 我想这应该适用于jQuery“砌体”，对吧？但是我正在使用Zepto.js，我猜一个jQuery插件不起作用。是否有任何纯CSS（CSS3）方式？有些窍门？如果这不适用于纯CSS或JS，则可以这样做：浮动不同http://sofzh.miximages.com/javascript/floating-different.png 现在，第5行，第6行和第7行不会像你期望的那样“真正”浮动，但内部有一个隐藏的换行符（clearfix）。纯CSS有没有办法解决这个问题？例如，使用nth-child(4n+4)和伪选择器，如:after应用带content的换行符？有什么想法吗？任何聪明的技巧使这项工作？

如何将数据从内容脚本传递到页面级？: 我正在将所有js代码注入首页，但它需要ui和stuff的图片，只能在chrome.extension.getUrl的帮助下导入，并且只能从content-script调用，所以我发现大量的建议如何将数据传递到内容页面，而没有关于如何传回数据，是否可能呢？我的代码现在看起来像这样：我的js代码，将注入其他代码： var Content = {}; $(document).contentReady = function(content) { Content = content; $(document).ready(function () {/*cool stuff here, that require content*/}); } var event = new CustomEvent(‘LoadContent’); window.dispatchEvent(event); 内容脚本： document.querySelector(‘head’).appendChild(jsCode); window.addEventListener(“LoadContent”, function(evt) { var content = { data: “url(” + chrome.extension.getURL(‘content.smth’) + “)” }; document.contentReady(content); }, false); 显然，我得到document.contentReady is not a function但是在文档中声明函数是关于如何在大约2小时的谷歌搜索后从内容脚本传回数据的唯一（！）建议。

jQuery：同时fadeIn和fadeOut: setInterval定期调用的以下代码执行以下序列： 1.淡入图像750毫秒 2.将其浸渍6秒钟 3.淡出图像750毫秒 4.随机选择另一张图片（函数randomPic） 5.淡入750毫秒等等： $(“#_fadee_”).fadeIn(750, function() { $(“#_fadee_”).delay(6000).fadeOut(750, randomPic); }); 你可以在这里看到效果。如何才能获得旧图像的淡入淡出和新图像的淡入淡出同时运行？谢谢，拉尔夫

在jQuery中$是什么意思？: 我最近遇到了一段代码。它如下： var myFeature = { ‘config’ : { ‘container’ : $(‘#myFeature’) }, ‘init’ : function(config) { if (config && typeof(config) == ‘object’) { $.extend(myFeature.config, config); } myFeature.$container = myFeature.config.container; myFeature.$sections = myFeature.$container. find(‘ul.sections > li’); myFeature.$section_nav = $(”). attr(‘id’,’section_nav’). prependTo(myFeature.$container); myFeature.$item_nav = $(”). attr(‘id’,’item_nav’). insertAfter(myFeature.$section_nav); myFeature.$content = $(”). attr(‘id’,’content’). insertAfter(myFeature.$item_nav); myFeature.buildSectionNav(myFeature.$sections); myFeature.$section_nav.find(‘li:first’).click(); myFeature.$container.find(‘ul.sections’).hide(); myFeature.initialized […]

使用textareas在iframe中显示实时结果，使用jQuery，将单独的textarea输入添加到iframes头部: 我创建了两个文本区域。一个用于HTML，一个用于CSS输入。每个都有自己的ID。使用我在网上找到的教程，我能够让这些textareas获取用户输入并实时显示在iFrame中。然后我能够编写一些jQuery，它将来自textarea的用户输入ID为HTML，并将其添加到iFrames BODY标签，从而在iFrame中模拟HTML作为实时预览。此外，jQuery使用布尔来检测textarea中是否有用户输入而没有html的ID（在这种情况下是一个ID为css的textarea），然后它将输入插入到STYLE标签内的iFrame的HEAD中因此，在iframe的头部添加了CSS。在自己的样式标记中，允许用户在iFrame中生成CSS和HTML的实时输出。一切都很好，坚如磐石。我可以使用文本字段在我眼前生成实时HTML和CSS结果。我的问题是，我需要在下面的jQuery代码中添加什么，以允许来自具有头部链接ID的单独textarea的输入被发送到iFrames HEAD？我想要带有头链接ID的textarea，将用户输入发送到iframe的HEAD。这将允许此工具的用户链接到他们自己的外部样式表和/或jquery / javascript库等。谢谢大家的帮助。我有我的jQuery脚本。请告诉我你的想法。解答：使用jQuerys .clone方法将父文档头中的jQuery LINKS和SCRIPT标记添加到iFrames头中更容易。以下是工作代码。 $(document).ready(function() { // .Grid Window Height $(‘.grid’).height( $(window).height() ); // Declaring the Output Window Variables var frame = $(‘iframe’); // The iFrame variable itself contents = frame.contents(); // Declares the variable of contents […]

拉动刷新Javascript: 我正在使用JQuery Mobile，我已经看到了几个Pull to Refresh Scripts。我特别喜欢这个，但即使是演示似乎也没有在他们的网站上工作。我的问题是……有没有人知道刷新Web应用程序脚本的工作？

表单提交前的Bootstrap Modal: 我是Modals的新手，我有一个表格，当用户点击提交时，它会显示一个模态确认用户是否想要提交，该模式还包含来自表单字段的用户输入。我搜索了整个互联网，但找不到合适的我的需求。我只看到他们将click事件标记为在链接上打开模态。我有一个输入类型提交。你能举出例子或想法吗？谢谢！这是我的样本表格。 Last Name*required First Name*required

Trapezium响应Div与CSS或jQuery: 我必须建立这个网站，我面临着交替Trapezium Divs的独特挑战。我之前从未遇到过这样的事情，我也不知道如何实现这一目标。为了使事情变得更复杂，这将成为一个响应迅速的网站。有任何想法吗？

了解跨域XHR和XML数据: 我一直在使用JavaScript和AJAX很长一段时间，我想了解Cross Domain XHR如何真正起作用以及JQuery如何处理它，出于某种原因我从来没有想过要考虑它是如何工作的。我读过维基百科JSONP文章，我更困惑。我不确定我不理解的是什么。我知道使用JSONP我可以直接在JavaScript中使用JSON数据。例如这个JS Fiddle的例子。这里我使用JSON来显示图像列表。我可以使用XML数据来实现相同的function吗？在回答这部分问题之前，请先阅读其余的类比。 1）如果我尝试下面的内容或小提琴链接我得到错误Uncaught ReferenceError: jsonFlickrFeed is not defined $.ajax({ url: “http://api.flickr.com/services/feeds/photos_public.gne”, data: { format: “json” }, dataType: “jsonp”, success: function(d) { console.log(d); } }); 2）下面的示例或小提琴链接工作正常 $.ajax({ url : “http://api.flickr.com/services/feeds/photos_public.gne”, data: {format: “json”}, dataType: “jsonp” }); jsonFlickrFeed = function(d){ console.log(d); } 问）我认为在1和2之间，因为返回的数据的格式类似于jsonFlickrFeed({})我们需要编写jsonFlickrFeed回调函数才能使其工作？问）为什么它永远不会调用成功回调？问）Flickr端点是否能完成返回JSONP的工作（我的意思是jsonFlickrFeed({})格式的数据）？或者只是返回实际的JSON和JQuery pad呢？ […]

如何在WordPress插件中使用Ajax？: 我有一个带有2个下拉框的Wordpress网站。当我在第一个下拉框中选择一个选项时，我希望用PHP函数中的数据刷新第二个选项。为此，我需要ajax。但我正在努力将ajax绑定到Wordpress中。 HTML看起来像这样： Status Sales Rentals Foreclosure Price (min) 100.000 200.000 300.000 400.000 现在，例如当用户选择“Sales”时，我希望使用PHP数组中的匹配价格重新加载第二个选择标记。 PHP函数如下所示： ‘120,000’, ‘120000’ => ‘200.000’, ‘130000’ => ‘300.000’, ); // Set price (max) to select $fields[‘max’][‘type’] = ‘select’; // Set price (max) select options $fields[‘max’][‘data’] = array( ‘100000’ => ‘120,000’, ‘120000’ => ‘200.000’, ‘130000’ => ‘300.000’, ); } else […]