Tag: html

单击链接时更改照片不透明度: 我试图在他们的类别之上创建一个照片库。如何在单击类别链接时使特定照片的不透明度增加（或减少）？我不确定我是否可以用css实现这一点。感谢每一位帮助

在Jquery中使用范围时遇到问题: 所以我试图在点击链接时传递一个freemarker变量值（$ {item.uid}），以便启动具有相同唯一id值的模态。虽然我的函数可以访问uid的值，但是当我运行$(‘body’).append($(‘div.disclaimer’ + outerVar).remove()); outerVar显示undefined 。 JavaScript的 var outerVar = uid; $(‘body’).append($(‘div.disclaimer’ + outerVar).remove()); function showDisclaimer(uid) { var x = uid; $(‘div.disclaimer’ + x).show(); } function closeDisclaimer(uid) { var x = uid; // Clear the form and close the modal $(‘div.disclaimer’ + x).hide(); } HTML Call Function Test Content Here

在按下选项卡时，它不会移动到下一个选项卡: 我正在使用html css和jquery创建选项卡。我没有使用jquery ui。让我解释一下这个问题。在选项卡中有许多选项卡。每个选项卡包含texbox，下拉列表，复选框等，例如当用户在第一个选项卡中时。在此选项卡中有文本框。当用户按Tab键时到达最后一个文本框时，它将移动到下一个标签的第一个元素（如文本框/下拉列表等）。我创建了这个，但它没有移动到标签文本框。代码在pastebin和js小提琴上可用。我找不到我的代码有什么问题。如果你需要任何澄清，请问我注意：请不要建议tabindex。我想用jquery做。链接：关于jsfiddle粘贴盒的演示： – http://pastebin.com/E85NsNtg jQuery Tabs Demo * {padding:0; margin:0;} html { background:url(/img/tiles/wood.png) 0 0 repeat; padding:15px 15px 0; font-family:sans-serif; font-size:14px; } p, h3 { margin-bottom:15px; } div { padding:10px; width:600px; background:#fff; } .tabs li { list-style:none; display:inline; } .tabs a […]

使用正则表达式在正文中高效查找和替换模式: 我想要做的是替换一个url和模式，例如###http://www.google.com### ，链接包含一个标签，例如Go There 我面临的问题是这个url和模式可以出现在我的网页的任何地方，它的包含元素总是不同的 – 这就是我所做的。 $(‘body’).contents().each(function(){ // Find the pattern. var element = $(this); var go_link = element.text().match(“###(.*)###”); // Replace the pattern with go there button. if(go_link && go_link[1] != ‘(.*)’){ var pattern = go_link[0]; var link = go_link[1]; element.html(element.html().replace(pattern,’Go There’)); } }); 这工作http://jsfiddle.net/84T9u/但我觉得它有点效率低，因为它必须遍历中的每个元素，并且我的网站的每个页面上可能有数百个这样的链接模式。我已经开始考虑使用:contains()选择器，我已经在SO上找到了一些扩展此方法以允许使用正则表达式的答案，但是我不太了解:contains()方法是如何工作的。它会更高效，还是在function上与我正在使用的.each()非常相似 – 迭代所有元素以找到所需的文本或模式？

自动调整文本输入框html: 我创建了一个输入（类型文本）框，使其自动resize非常简单。但是，有一些我似乎无法修复的故障：当我开始输入时，盒子缩小了一点点当我按退格键（或方向箭头）时，该框首先展开，然后在我继续键入时缩小。这是我的代码： function Expander() { this.start = function () { $(“#inputbox”).keydown(function(e) { this.style.width = 0; var newWidth = this.scrollWidth + 10; if( this.scrollWidth >= this.clientWidth ) newWidth += 10; this.style.width = newWidth + ‘px’; }); } } $(function() { window.app = new Expander(); window.app.start(); }); input { margin-left:3em; min-width:100px; max-width:600px; }

如何在jQuery Sortable手风琴头上实现一个按钮: 我一直在为我的网站制作一个jQuery自定义可排序手风琴。下一个要实现的阶段是可排序手风琴的每个标题上的按钮，它将从jQuery可排序手风琴中删除部分可扩展列表。我已准备好使用代码了，但是我似乎无法覆盖标题上的按钮而不是它在点击function上的标题的一部分来扩展或拖动函数进行排序，但是我确实希望它在按顺序排列时遵循手风琴。 function create_accordian(str) { $( str ) .accordion({ header: ‘> div > h3’, autoHeight: false, active: false, collapsible: true, }) .sortable({ axis: ‘y’, handle: ‘h3’, stop: function( event, ui ) { // IE doesn’t register the blur when sorting // so trigger focusout handlers to remove .ui-state-focus ui.item.children( ‘h3’ ).triggerHandler( ‘focusout’ ); } […]

寻找一种用JS抓取HTML的方法: 正如标题所示，我正在寻找一种从网页上抓取所有HTML的希望直截了当的方法。也许将它存储在字符串中，然后浏览该字符串以拉出所需的元素。具体来说，我想刮掉我的推特页面并在新的div中显示我的个人资料图片。我知道有几个工具可以做到这一点，但我会有一些代码示例或建议我如何自己这样做？非常感谢 UPDATE 在TJ Crowder的一个非常有用的回复之后，我在网上搜索了一些并找到了这个资源。

一页上有多个Jquery对话框: 我正在使用jquery对话框弹出窗口。我有多个div（动态创建）需要在单个页面上弹出。我目前的问题是，当我点击.open时，所有（10）弹出窗口都打开，我怎么才能触发一个？我的HTML如下： Dialog text and stuff Dialog text and stuff 我的jquery如下： // added .dialog:disaplay:none; to desktop.css $(document).ready(function () { $(‘a.open’).prop(‘id’, function (i) { return ” + (i + 1); }); $(“.dialog”).dialog({ autoOpen: false, draggable: false, width: “300px”, modal: true, buttons: { “Close”: function () { $(this).dialog(‘destroy’).remove() } } }); $(“#1,#2,#3,#4,#5,#6,#7,#8,#9,#10”) .click(function () { […]

使用jsPDF时如何保留一些格式和段落？: 好的，所以我为健身房创建了一个基本的表格。我希望能够使用jsPDF下载该表。截至目前，我已经能够将表格下载得很好，但是有些东西我无法上class。首先，对于我的生活，我不能在下载的PDF中将表格全宽。我已经阅读了几十篇关于jsPDF的post，没有任何东西可以解决这个问题！其次，每个单元格内的信息在3个不同的p标签中，因此应该在三条不同的线上，但它们将这些线条混杂在一起。第三，我希望细胞保持文本对齐中心。下面的jsFiddle显示我已经得到了，但这最后三个项目真的开始让我烦恼，我已经研究了它没有运气…… http://jsfiddle.net/xzZ7n/695/ function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); source = $(‘#editor’)[0]; specialElementHandlers = { // element with id of “bypass” – jQuery style selector ‘#bypassme’: function (element, renderer) { // true = “handled elsewhere, bypass text extraction” return true } }; margins = { […]

Div不会淡出/淡入: 我试图让一个div淡出并按下按钮。它适用于jfiddle但由于某种原因它不能在我的asp.net页面上工作： $(‘#btn’).click(function(e){ $(‘#fancy’).fadeOut(‘slow’, function(){ $(‘#fancy’).fadeIn(‘slow’); }); }); fade div Fancy Div http://jsfiddle.net/3XwZv/1859/ 我的asp.net页面： $(‘#btn’).click(function (e) { $(‘#fancy’).fadeOut(‘slow’, function () { $(‘#fancy’).fadeIn(‘slow’); }); }); Fade div Fancy Div