我想创build一个跟踪用户所有操作的logging器。 为此,我需要识别用户与之交互的元素,以便在稍后的会话中引用这些元素。 用伪代码说话,我想能够做到像下面这样的东西 示例HTML(可能是任何复杂的): <html> <body> <div class="example"> <p>foo</p> <span><a href="bar">bar</a></span> </div> </body> </html> 用户点击一些东西,如链接。 现在我需要确定被单击的元素并将其位置保存在DOM树中以供以后使用: (any element).onclick(function() { uniqueSelector = $(this).getUniqueSelector(); }) 现在,uniqueSelector应该是这样的(我不介意,如果它是XPath或CSSselect器样式): html > body > div.example > span > a 这将提供保存该select器string并在以后使用它的可能性,以重放用户所做的动作。 这怎么可能? 更新 得到我的答案: 获取元素的jQueryselect器
我在我的网站上有一个jQuery滑块,去下一张幻灯片的代码是一个名为nextImage的函数。 我用setInterval在计时器上运行我的function,它正是我想要的:它在计时器上运行我的幻灯片。 但是,如果我在Chrome浏览器中访问该网站,切换到另一个选项卡并返回,则滑块会不断滑过幻灯片,直到“追上”为止。 有谁知道一种方法来解决这个问题。 以下是我的代码。 setInterval(function() { nextImage(); }, 8000);
目标:通过$.ajax加载HTML内容,将其插入到DOM中,让jQuery Mobile应用主题样式。 问题:内容被插入,但缺lessjQuery Mobile主题。 码: $.ajax({ … success: function(html) { $('#container').append(html); $('#page').page('refresh', true); } }); 返回的HTML包含jQM应该devise的data-role标签… <a data-role="button">Do Something</a> 而不是应用样式应该,我得到以下错误: 未被捕获的exception:对于页面小部件实例没有这种方法“刷新” 以上代码使用http://code.jquery.com/mobile/latest/jquery.mobile.js进行testing 类似的问题,带来了我上面的错误消息: 始终使用适当的jQuery Mobile样式更新页面 JQM(jQueryMobile)dynamic添加的元素不能正确显示,CSS不适用 jQuery Mobile – dynamic创build表单元素
我有一堆缩略图,我正在加载一个visibility: hidden;的风格visibility: hidden; 使他们都保持正确的布局。 一旦页面完全加载,我有一个jQuery的function,淡入淡出他们的风格设置为display: none; 但显然布局搞砸了。 有什么build议么? inheritance人淡出线: $('.littleme').fadeIn('slow');
我试图做一个button,这样当用户点击它时,鼠标button被按下时,它会改变它的样式。 如果在移动浏览器中触摸,我也希望它以类似的方式改变它的风格。 看似明显的事情是使用CSS:active伪类,但是这并不起作用。 我尝试过:专注,而且没有工作。 我试过:盘旋,它似乎工作,但它保持了我的手指离开button后的风格。 所有这些观察都在iPhone 4和Droid 2上。 有没有什么办法可以在手机浏览器(iPhone,iPad,Android和其他人)上复制效果? 现在,我正在做这样的事情: <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> … <button type="button" id="testButton">test</button> … <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script type='text/javascript'> $("*").live("touchstart", function() { $(this).addClass("active"); }).live("touchend", function() { $(this).removeClass("active"); }); </script> :活动的伪类适用于桌面浏览器,活动类适用于触摸浏览器。 我想知道是否有一个更简单的方法来做到这一点,而不涉及Javascript。
我在Ruby on Rails中使用了一些嵌套的布局,在其中一个布局中,我需要从div中读取string,并将其设置为文档的标题。 什么是正确的方式(如果有的话)来设置文档的标题? <script type="text/javascript"> $(document).ready(function() { // ??? }); </script>
我有一个HTML 5页面,我加载了一个svg圈子。 当我点击圈子时,我点击了另一个小圈子。 我想能够拖动第二个圆,但似乎不能用jquery-ui .draggable(); 我可以通过访问它的cx和cy属性来移动这个圆,所以必须有一种方法来拖动它。 <!DOCTYPE HTML> <html > <head> <title></title> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href="css/layout.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <script src="js/jquery.js" type="text/javascript" ></script> <script src="js/jquerysvg/jquery.svg.js" type="text/javascript" ></script> <script src="js/jquery-ui.js" type="text/javascript" ></script> <script type="text/javascript" > jQuery(document).ready(function(){ $('#target').svg({onLoad: drawInitial}); $('circle').click(function(e){ drawShape(e); var shape = this.id; }); $('.drag').mousedown(function(e){ var shape = this.id; this.setAttribute("cx", […]
我试图做一个animation“滚动到顶部”的效果,而不使用jQuery。 在jQuery中,我通常使用这个代码: $('#go-to-top').click(function(){ $('html,body').animate({ scrollTop: 0 }, 400); return false; }); 如何animationscrollTop而不使用jQuery?
我有一个大的HTMLstring包含多个子节点。 是否有可能使用此string构造一个jQuery DOM对象? 我试过$(string)但它只返回一个包含所有单个节点的数组。 试图获得一个我可以使用.find()函数的元素。
我有一个有5个select的页面,都有一个类名“ct”。 我需要在运行onclick事件时从每个select中删除一个值为“X”的选项。 我的代码是: $(".ct").each(function() { $(this).find('X').remove(); }); 我哪里错了?