小编Bla*_*ger的帖子

我正在构建一个jQuery插件,它使用CSS样式为嵌套的DIV标签添加颜色和边距.由于我宁愿将插件保存为单个文件,因此我的代码使用jQuery的.css()方法将这些颜色和边距直接作为CSS属性添加到DIV中.(初始化插件时,可以自定义这些属性的值.)

但是,我还希望让用户能够使用自己的样式表来设置这些DIV的样式,因此我还要为每组DIV添加类(其名称也可以自定义).这似乎是提供两全其美的最佳方式.

唯一的缺点似乎是内联style="..."属性(由jQuery的.css()方法生成)总是覆盖外部样式表中设置的类样式.当然,我可以!important在样式表中使用样式,但一次又一次地执行此操作非常麻烦.

所以:我真正想要的是一种方法,使联样式自动拍摄下比外部类样式的优先级,而无需进行外部类样式!important.

我还没有读过这样的事情.有什么建议？(或者:我是否应该采用另一种方法来设计插件中的DIV？)

在函数中,如何分配this新值？

对于我的项目,我使用缓存选择器来加速,并看到改进:(减少文档内的搜索)

var sel1 = $('#selector1');
var sel2 = $('#selector2');

在这种情况下如何使用缓存选择器？对于前:

$('#selector1, #selector2').fadeTo(300, 1, 'linear');

这只是为了完善我的代码

Ty :)

本质上,我有一些代码需要在任何输入元素模糊时获取父元素的HTML.这很简单.问题是调用html()父元素时返回的HTML 不反映其中包含的输入元素的当前值.也就是说,在Firefox或Chrome中.它适用于所有地方的IE浏览器.

这是JSFiddle:http://jsfiddle.net/8PJMx/15/

尝试将文本框中的"世界"更改为"所有人",然后单击按钮.请注意,我还要附加,$.now()以便您可以看到代码实际上正在执行.

如您所见$("#parent").html(),即使有,也不会更新$("#child").val().为了您的观赏乐趣,这是HTML:

<div id="parent">Hello <input type='text' id="child" value='world' /></div>
<button id="separateEvent">Get HTML.</button>
<br>
<p>The HTML for #parent is:</p>
<textarea id="parentsHtml" style="width:95%; height: 100px;"></textarea>
<p>The value of #child is:</p>
<textarea id="childsValue" style="width:95%; height: 100px;"></textarea>

......这是JavaScript:

$("#separateEvent").click(function ()
                         {
                             $("#parentsHtml").val($("#parent").html() + "\r\n@" + $.now());
                             $("#childsValue").val($("#child").val() + "\r\n@" + $.now());
                         });

我的数据库中的每个用户的纬度和经度都存储在两个字段中(lat,lon)

每个字段的格式为:

lon | -1.403976 
lat | 53.428691

如果用户搜索其他用户,例如100英里,我执行以下操作以计算适当的纬度/经度范围($ lat和$ lon是当前用户值)

$R = 3960;  // earth's mean radius
$rad = '100';
// first-cut bounding box (in degrees)
$maxLat = $lat + rad2deg($rad/$R);
$minLat = $lat - rad2deg($rad/$R);
// compensate for degrees longitude getting smaller with increasing latitude
$maxLon = $lon + rad2deg($rad/$R/cos(deg2rad($lat)));
$minLon = $lon - rad2deg($rad/$R/cos(deg2rad($lat)));

$maxLat=number_format((float)$maxLat, 6, '.', '');
$minLat=number_format((float)$minLat, 6, '.', '');
$maxLon=number_format((float)$maxLon, 6, '.', '');
$minLon=number_format((float)$minLon, 6, '.', '');

然后我可以执行查询,例如:

$query = "SELECT * FROM table …

我是棱角分明的新手并尝试使用1.3新版本.
这是我的代码

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
</head>
<body>
<div data-ng-controller="SimpleController"  >

<ul>        
<li data-ng-repeat="customer in customers">{{customer.name}} - {{customer.city}}</li>
</ul>


</div>
<script>

function SimpleController($scope){

    alert('done1');
    $scope.customers=[{name:'1name',city:'1city'},{name:'2name',city:'2city'}];
    alert('done');
} 
</script>

控制台出现此错误.

Error: [ng:areq] http://errors.angularjs.org/1.3.0-rc.0/ng/areq?p0=SimpleController&p1=not%20a%20function%2C%20got%20undefined    

但是当我改变角度源时

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>   

然后它工作.我用铬.任何人都让我知道问题存在于哪里.

我有一个程序,将变量分配为:

var theList = document.getElementById('theList');

它使用jquery,但如果我这样写:

var theList = $('#theList'); 

使用该变量的函数不起作用.

jquery选择器和使用getElementById之间有什么区别？

我的HTML代码在这里

 <i id="bgcolor" style="background-color: rgb(255, 146, 180)"></i>

我想使用jquery attr获取背景颜色值

我试过的是吼叫

$("#bgcolor").mouseleave(function(){
            var bodyColor = $(this).attr("style");

    $("body").css(bodyColor);



    });

但是这个输出是

background-color: rgb(255, 146, 180);

我把它添加到.css它将无法工作.我如何实现这一任务？

在选择<select>之后需要以某种方式失去焦点<option>.

http://jsfiddle.net/MnAdN/

不删除此焦点检查.

if (... !$('#adm1n-toolbar form select').is(':focus'))

用户在进行选择时应该可以看到工具栏,并且在选择完成时应该隐藏工具栏.

谢谢.

我有拖放功能的问题,我希望有人可以提供帮助.简而言之,规则是:

1. "stage"(.stage)中可以有多个可以接受克隆的.pageControl.它是唯一可以接受的课程.

2. 一旦放在.stage上,.pageControl就会变成.pageControlDropped并且可以接受克隆的.wfcControl.它是唯一可以接受的课程.

3. 一旦.wfcControl被删除,它将被替换为新的html并变为.wfcControlDropped.

我的问题是:

1. 当我将克隆的.pageControl拖到.stage时,它会跳转到.stage上的一个位置,而不是我正在放弃它的位置.我可以把它拖回到我想要的地方,但它需要放在我丢弃的地方.我尝试了CSS定位,但它似乎适用于.pageControl.一旦.pageControl - > .pageControlDropped,它就会跳转到另一个位置.而且,它不像示例中那样具有非常流畅的阻力

2. 如果我将多个.pageControls拖到.stage,它们中的任何一个都应该接受.wfcControl.但似乎只有第一个.pageControl(现在.pageControlDropped)接收它.我无法获得第二个.pageControlDropped来接收它.

3. 如何让连续的.pageControl不覆盖.stage上的现有.

CSS:

 <style type="text/css">
 .stage { margin-left: -.3em; width: 500px; height: 550px; padding: 0.0em;}
 .pageControl {height:15px; width:15px; background-color:#EAEEFF; border:1px solid blue;}
 .pageControlDropped {height:450px; width:600px;background-color:#F9FAFF;border:1px solid blue;}
 .wfcControl { }
 .wfcControlDropped {  }
 </style>

JQuery的:

    $('.pageControl').draggable({
                helper: 'clone',
                snap: false,
                containment: '.stage',
                handle: '.wfcHandle',
                stop: function (event, ui) {
                    var pos = $(ui.helper).offset();
                    $(this).css({
                        "left": pos.left,
                        "top": pos.top
                    });
                }
            });
    $('.wfcControl').draggable({ helper: 'clone', containment: '.pageControlDropped' });
    $('.stage').droppable({
                accept: '.pageControl',
                greedy: …