我有一个jquery函数,它挂在所有输入元素上,如:
$("input").blah();
如何从此函数中访问此类型的所有元素？不只是当前由jQuery处理的那个.
该功能如下:
(function($) {
$.fn.blah = function(){
this.each(function(){
// how can I access all elements of type "this" here?
return this;
});
};
})(jQuery);
我想从所有这些元素中读取一些属性,然后根据这些属性对正在处理的当前元素执行一些操作
目前,一个(购买的)JavaScript灯箱代码可以在我的网站上运行,它可以完美地工作,仅适用于较旧的jquery库,如1.3.2和1.4.3, 但不适用于较新的构建,如1.5
新jquery库的问题是,在点击缩略图时,屏幕首先进入黑暗模式,但灯箱从不显示,在该过程中某个地方停止.只有当我加载新的jquery库时才会发生这种情况,我更喜欢使用它,因为我的所有其他网站的工作速度都比较新的构建更快.
任何提示我应该在哪里寻找/在哪里找到Jquery差异？
非常感谢您的想法.问候.
我正在我的ASP MVC应用程序中测试Levy Carneiro的这个JQuery插件"Tag-it".
网站:http://levycarneiro.com/2010/03/tag-it-tag-suggestions-editor-and-autocomplete-in-a-jquery-ui-plugin/
我希望插件能够获取我在mssql数据库中的标签,我想知道如果有人可以提供帮助,如何连接它？
现在,我的javascript看起来像这样:
$('#mytags').tagit({
availableTags: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]
});
我该如何写连接到地址'/ Questions/GetTags'？
我现在正在编写我的第一个jQuery插件,我发现这篇关于"构建你的第一个jQuery插件"的博文,但在第一步中他们提供了两种编写插件的方法:第一个:
$.fn.yourPlugin = function(options) {
return this.each(function() {
});
};
第二个:
(function($){
$.fn.yourPlugin = function() {
return this.each(function() {
});
};
})(jQuery);
因为他们说$与其他图书馆的冲突可能存在一些问题....
所以我想知道这里最好的做法是什么.
这是我的"联系我们"网页的代码.为什么它不能与jquery验证器插件一起使用？我做错什么了吗？请帮忙.谢谢!验证器根本不起作用.它允许提交表格,即使我没有填写任何内容.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$("#myform").validate();
});
</script>
</head>
<body bgcolor="#ffffff">
<div id="contactuscontent">
<form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" size="35" />
<br />
Your Email:<br />
<input type="email" name="visitormail" size="35" />
<br /> <br />
Subject:<br />
<input type="text" name="subject" size="35" />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" ></textarea>
<br />
<input type="submit" value="Send Mail" …我正在尝试理解http://www.canadastartup.com/这里菜单背后的javascript .他们使用插件吗？是否有一个插件(最好基于jquery)可以产生类似的效果？
html看起来像这样:
<ul class="nav sf-js-enabled">
<li><a href="">Home</a></li>
<li class="page_item page-item-61 current_page_item selectedLava">
<a title="" href="">About us</a>
</li>
<li class="page_item page-item-38"><a title="" href="">Marketing Services</a></li>
<li class="page_item page-item-47"><a title="" href="">Sales Services</a></li>
<li class="page_item page-item-31"><a title="" href="">Business Services</a></li>
<li class="page_item page-item-67"><a title="" href="">Contact us</a></li>
<li class="backLava"
style="left: 67px; top: 83px; width: 70px; height: 32px; overflow: hidden;">
<div class="leftLava"></div>
<div class="bottomLava"></div>
<div class="cornerLava"></div>
</li>
</ul> <!-- end ul.nav -->
可能重复:
$和jQuery有什么区别
我注意到使用" jQuery(selector)"代替" $(selector)"的情况,两者之间有什么区别？
我想实现一个浮动且可拖动的面板,其中所有html和css都放在div标签内,然后使用JavaScript来触发可拖动效果.
这是我发现的类似参考,但我寻找更好的方法.
http://www.quackit.com/css/codes/css_floating_menu.cfm
http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html
欢迎任何建议或建议,谢谢你提前.
我一直在研究一个涉及CSS Shapes的jQuery插件.我遇到的问题是,如果没有声明DOCTYPE,CSS形状在IE8中不起作用.这将是我的第一个jQuery插件.
我的问题:jQuery开发人员如何解决这个问题？我是否应该在文档中解释这个插件需要DOCTYPE才能工作,还是应该编写在Quirks模式下工作的单独CSS？
我正在构建我的第一个jquery插件,并希望有一些提示可以做得更好.我的代码中也有一个错误,我想摆脱它.我正在尝试通过我的ajax成功回调中的setTimeout刷新我的小部件的内容.它正在工作(没有参数)但我喜欢传递这样的论点
setTimeout(refresh(o.refresh), 5000);
我不确定它是那样做的,但我遵循了我的直觉.我在firebug中有以下错误
无用的setTimeout调用(参数周围缺少引号？)
我不明白这个错误,因为提供给refresh函数的参数是一个变量.我需要传递一个参数来查看事件是由用户双击(窗口小部件切换打开)还是通过setTimeout方法触发(窗口小部件是打开的,所以不需要关闭它).我不确定我想做的事情是否可能.我可以通过为刷新选项添加条件ajax调用来解决我的问题,但我不想要重复的代码.希望任何人都可以给我一些提示'n'提示,不仅是因为我的错误,而且一般(插件开发).作为一个jquery启动器,我不确定我的代码是否传统.
和平
/**
* @author kasperfish
*/
(function($){
$.fn.extend({
widgetIt: function(options) {
var defaults = {
title: 'Widget Title',
load:'',
top: '50px',
left: '400px',
width: '500px',
afterLoad: function(){},
reload:false,
refresh:true
};
var options = $.extend(defaults, options);
var o=options;
return this.each(function() {
var container=$(this).css({'z-index':3, display:'inline-block',position:'absolute',top:o.top,left:o.left,'max-width':o.width})
.addClass('widget_container');
var header = $('<div></div>')
.addClass('ui-widget-header widgethead')
.css({'min-width':'130px'});
var title =$('<div></div>').addClass("w_tit").html(o.title);
var content =$('<div></div>')
.addClass("w_content")
.hide();
//append
$(title).appendTo(header) ;
$(header).appendTo(container) ;
$(content).appendTo(container) ;
//make draggable
$(container).draggable({
cancel: 'input,option, select,textarea,.w_content',
opacity: 0.45, …jquery ×10
jquery-plugins ×10
javascript ×6
jquery-ui ×2
asp.net-mvc ×1
css ×1
html ×1
navigation ×1
quirks-mode ×1
settimeout ×1
tags ×1