Tag: html

使用ESPN API，我该如何解析这个JSON？: 我是一个正在使用ESPN API的新手，在查询API之后，我想让它显示一个故事的标题，链接和图像。我只能显示标题，请问如何循环显示图像及其链接？ Work (function() { var espnAPI = “http://api.espn.com/v1/sports/soccer/news/headlines/top/?apikey=*************&callback=?”; $.getJSON( espnAPI, { format: “json” }) .done(function( data ) { var ol = $(“”); $.each( data.headlines, function() { var h2 = $( “” ).text(this.headline); ol.append(h2) }); $(“body”).append(ol); }); })(); 这是我从chrome中的开发人员工具获得的响应主体的一部分; { “timestamp”: “2013-10-21T08:43:40Z”, “resultsOffset”: 0, “status”: “success”, “resultsLimit”: 10, “resultsCount”: 43, “headlines”: [{ “headline”: “Townsend […]

使用Jquery，将显示块更改为none不能再次进入块: 在这里，我的HTML。这是jquery $(‘#clickable div img’).hide(); $(‘div.clickable’).css(‘display’,’none’); $( “.color_area div” ).on( “click”, function() { var color = $( this ).attr( “data-color” ); $( “div.clickable” ).each( function() { var forColor = $( this ).attr( “id” ); if( forColor == color ) { if( $( this ).css(‘display’) == ‘block’){ $( this ).hide(); } $( this ).addClass( “selected” ); […]

浏览器无法识别javascript / jquery代码: 我尝试在使用Kubuntu Linux的计算机上运行Firefox 27.0.1和Chrome 30.0.1599.114中的以下代码，但没有任何反应。 html页面是基于Spring MVC框架的Web应用程序的一部分，并放在WEB-INF / jsp文件夹中。有人可以在下面的代码中找到任何错误？ HorarioLivre $(‘a’).click(function() { alert(“clicou em um link”); }); HorarioLivre Eventos Cadastrar Horarios Listar Horarios Usuarios ${usuario.nome} Perfil Configurações Logout Fechar

div中的jquery登录表单，无需刷新整页: 我有一个php文件，我想在div中工作： User: Password: Logout: $v) { unset($_SESSION[$k]); } header(‘Refresh: 1; url=’.$_SERVER[‘REQUEST_URI’]); } } loginLogout(); ?> 而且我还有jquery和html中的代码 $(document).ready(function(){ $(‘#logindiv’).load(‘loginLogout.php’); $(‘#loginForm, #logoutForm’).live(‘submit’, function(e) { e.preventDefault(); $.post(‘loginLogout.php’, $(this).serialize(), function ( data, textStatus) { $(‘#logindiv’).html(data); }); return false; }); }); 和div 如何正确地输入代码，登录和注销也可以在jquery中工作而无需刷新整个页面？什么是识别行标题的刷新事件（’Refresh：1; url =’。$ _ SERVER [‘REQUEST_URI’]）; 在php文件中。 Widhout div和jquery它运作良好。谢谢

node.js与readFile html但没有加载/查找jquery文件: 我在node.js读取html文件时无法加载我的jquery文件或任何文件。我花了很长时间在这上面，并注意到基于Web的谷歌托管库文件工作正常，但我的本地文件没有。我无法弄清楚为什么，也许我没有把它指向正确的目录，但我不确定我会把它放在哪里或直接它。目录包括这3个文件 index.html jquery.min.js loadfile.js index.html已注释掉的谷歌托管的jquery文件工作得很好。但当地没有。 <!– –> $(document).ready(function() { alert(“test”); }); Hi! 这是我用节点加载的文件。 loadfile.js var http = require(‘http’); var url = require(‘url’); var fs = require(‘fs’); server = http.createServer(function (request, response) { current_url = url.parse(request.url).pathname; file_path = __dirname + current_url; var tmp = file_path.lastIndexOf(‘.’); var ext = file_path.substring(tmp + 1); console.log(ext); […]

Javascript AJAX Click事件有时在Android本机浏览器中不起作用: 在用不同的设备测试我的应用程序时，我在Android手机的android浏览器中发现了一个奇怪的问题。我有几乎相同的PC和移动设计，在PC和iPhone以及移动Chrome浏览器中它的工作正常。上面是我的锚标记的代码，当我点击这个锚标记有时它调用指定的方法，有时它不是。我完全感到困惑，并且为了找到问题而没有运气。在移动设备上使用onclick有什么问题吗？

JQuery 类触发3D变换: 我正在寻找一个很好的方法来提示css3 3d变换，通过使用JQuery向html标签添加类。我有这样的菜单： Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 例如，如果单击“.menu1 a”，我想将类“show1”添加到html标记中。 ‘show2’如果’.menu2 a’被点击等。但是为了使我的转换正常工作，我还需要添加另一个类，然后在设置的时间（如3秒）后删除。因此，如果单击“.menu1 a”，则html类将“show1 zoom”3秒，然后只是“show1”。如果单击’.menu2 a’，则html类将为’show2 twirl’。我不介意在脚本中手动设置转换的名称（缩放，旋转等），但如果它更容易/更整洁我可以在li上使用类系统，例如’menu1 p-show1 t-zoom ”。我在这里有一个半工作的例子。如果您检查html标签（单击html旁边的齿轮）并将html类从’show1’更改为’show2 zoom’，您将看到所需的过渡，该过渡应该是旋转到正确侧（.show2）的立方体，还有顶部的花式过渡（.zoom）。一切都正常工作，除了.js，我根本无法工作！这里有新的演示。

如何在单个html页面中将多个svg转换为png？: 我使用d3和venn.js来创建这个维恩图。代码在这里：Svg实际上是通过这些脚本在div venn2中创建的。 var sets = [ {sets:[“A”], size: 12, label: “A”}, {sets:[“B”], size:12, label: “B”}, {sets: [“A”, “B”], size: 4, label: “AB”} ]; var chart = venn.VennDiagram() .wrap(false) .fontSize(“14px”) .width(400) .height(400); function updateVenn(sets) { var div = d3.select(“#venn2”).datum(sets); var layout = chart(div), textCentres = layout.textCentres; div.selectAll(“.label”).style(“fill”, “white”); div.selectAll(“.venn-circle path”).style(“fill-opacity”, .6); return layout; } 我在这里通过canvas将svg转换为png的脚本。 […]

如何阻止元素堆叠？ jQueryUI的: 我在这里有一个例子： http ： //jsfiddle.net/BAk9N/4/ 我试图让它“测试”元素不能拖动其他测试元素和堆栈，并没有找到一个有效的解决方案。有没有人对如何防止测试元素相互堆叠有任何想法？谢谢。

翻转动画无法在Firefox上运行: 我按照本教程在我的网站上加入了卡片翻转。我学到了重要的一课，即不在所有主流浏览器上进行测试就不让你的网站上线，因为动画在Firefox上无法正常运行 – 它只是来回翻转。我知道我应该添加供应商前缀，我想我得到了所有这些，但可能没有。注意：关于如何在Firefox中进行调试的一些一般性建议也将非常感激。我通常使用Chrome，而我对此并不满意。 CSS /* entire container, keeps perspective */ .flip-container { -moz-perspective: 1000; perspective: 1000; } /* flip the pane when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper { -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-container, .front, .back { width: 320px; height: 480px; margin: 10px 0 10px 0; } /* flip […]