有没有办法像这样编写以下内联代码？
<a href="#" onClick="function(){
//do something;
return false;
};return false;"></a>
而不是这样做:
<a href="#" onClick="doSomething(); return false;"></a>
function doSomething(){
//do something;
}
我有一个函数,它按名称排序当前和一组值/键对.
我想知道如何传递正在执行哪种键的键,这样我每次都可以调用相同的函数:
var arr = [{name:'bob', artist:'rudy'},
{name:'johhny', artist:'drusko'},
{name:'tiff', artist:'needell'},
{name:'top', artist:'gear'}];
sort(arr, 'name'); //trying to sort by name
sort(arr, 'artist'); //trying to sort by artist
function sort(arr) {
arr.sort(function(a, b) {
var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase();
if (nameA < nameB) //sort string ascending
return -1;
if (nameA > nameB)
return 1;
return 0; //default return value (no sorting)
});
}
如果我的代码看起来像这样,使用var vs这个的首选方法是什么？
function MyObject() {
var self = this;
var a = 1;
this.b = 2;
var innerMethod = function() {
logMessage(a);
logMessage(self.b);
}
}
据我所知,只要MyObject存在,var就会存活下来,所以这和使用它一样吗？
编辑:
为了更清楚地澄清这个问题,我只对从对象内部而不是从外部访问变量感兴趣.
如果我有这个:
<ul>
<li><a href="#"></a>a</li>
<li><a href="#"></a>b</li>
<li><a href="#"></a>c</li>
<li><a href="#"></a>d</li>
<li><a href="#"></a>e</li>
</ul>
然后让我说我点击第三个li项目(内容为'c').我怎样才能获得这个项目在'ul'父母中排名第三的信息？
当使用 2 个不同的 css 版本时，我与字体 awesome 发生冲突。我不想使用 2 个不同的版本，但我的插件嵌入了一个版本，有时 wordpress 网站有另一个版本。
我对这个特定的例子很感兴趣，如果它们都具有相同的 :before 内容，为什么不首先显示图标？
（我注意到如果 fa5 在页面中首先链接它会起作用）
处理这个问题的最简单的解决方案是什么？
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"/>
<i class="fa fa-facebook"></i>
<i class="fab fa-facebook-f"></i>当用户在提示符下按下ok时(以前清空提示字段),如何检测空值？我需要用new(空)值覆盖旧值.我这样做:
var oldVal = 'something';
var newVal = prompt("Enter new value:", oldVal);
目前,如果用户清空值并单击"确定",则返回null.
但同时我需要检查空值,因为如果用户单击"取消",它将返回null,我不想将其作为新值.
我试图淡入youtube iframe嵌入,但它只适用于IE9,所有其他最新的浏览器(Safari,Opera,Chrome,Firefiox)它没有.iframe立即显示为将不透明度设置为0.
我在Windows上.
我错了什么？
ps:这适用于Vimeo youtube iframe嵌入.
的jsfiddle:
我有一个元素列表:
<div class="wrapper">
<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>
</div>
我有一个或多个代表新订单的数字:
var arr = [2,1,0];
我想将这些abc div重新定位到父包装器中的新位置.
重要的是abc divs附加了事件和数据,这需要保留!
我想出了这个,似乎按预期工作:
var wrapper = $('.wrapper'), items = wrapper.children('div.abc');
var orderedItems = $.map(arr, function(value) {
return $(items).clone(true,true).get(value);
});
wrapper.empty().html(orderedItems);
我想确保这是正确的方法.
如果可能的话,我也可以使用javascript解决方案.
我正在尝试播放使用 base64 编码的 html5 视频，但它不起作用。它无需编码即可工作。问题是什么？
var s = 'http://clips.vorwaerts-gmbh.de/VfE_html5.mp4';
var video = document.createElement('video');
document.body.appendChild(video);
video.src = "data:video/mp4;base64," + btoa(s);//not working
//video.src = s;//works
video.autoplay = true;
video.controls = true;这是我的项目的一个粗略模型。父级有容器查询，而子级支持修复（偶尔）。如果父级具有内联大小的容器查询，则子级不再固定到页面。
这种行为可以预防吗？我意识到，如果我将内联大小应用于子级而不是父级，它似乎可以工作，但我正在尝试找到一种解决方案，以便在可能的情况下在父级上使用内联大小。
.parent {
position: relative;
height: 150px;
background: #eee;
max-width: 300px;
container: dialog_data / inline-size;
}
.child {
background: red;
height: 100px;
top: auto!important;
position: fixed!important;
z-index: 2147483648;
bottom: 20px!important;
left: 20px!important;
margin: 0!important;
width: 100%;
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}<div class="parent">
<div class="child "></div>
</div>