小编Moh*_*ain的帖子
在onclick函数的元素属性中传递字符串动态创建的元素
我试图在onClick事件处理函数的动态创建的锚元素的参数中传递一个字符串,请参阅小提琴http://jsfiddle.net/shmdhussain/bXYe4/.
我无法将字符串传递给函数,但我能够将数字整数传递给函数.请帮帮我.提前致谢.
HTML:
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet" href="mystyle.css" class="cssfx"/>
<script src="/jquery.min.js"></script>
<script src="colon.js"></script>
</head>
<body>
<div class="mytest">
</div>
</body>
</html>
</html>
使用Javascript:
var elem=[ {"name":"husain","url":"http://google.com","age":21},
{"name":"ismail","url":"http://yahoo.com","age":22},
{"name":"nambi","url":"http://msn.com","age":23}
]
jQuery(function($){
var str="";
for(i=0;i<elem.length;i++){
str+="<a href='#' onclick='test('"+elem[i].url+"')'>dd</a><br><br>"
console.log(str);
}
$('.mytest').html(str);
});
function test(url){
console.log("url is "+url);
}
推荐指数
解决办法
查看次数
PhoneGap App无法使用Google Analytics
我使用analytics.js使用Web应用程序中的代码跟踪用户活动.
现在Phonegap应用程序ios/android已构建,并希望在Phonegap应用程序中跟踪用户活动,但它没有给出我已阅读并实施解决方案的跟踪结果,如
https://github.com/blast-analytics-marketing/phonegap-google-universal-analytics
我的问题是:在原生使用phonegap和网络应用程序使用同一组页面时,我想使用Dimension在单个GA帐户下跟踪相同的页面,但我无法在手机间隙中进行操作.
任何人都可以帮我这个.在此先感谢您的帮助.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
var ua="UA-XXXXXXX-Y";
ga('create', ua, {'storage': 'none','clientId': "123"});
ga('set', 'checkProtocolTask', null);
ga('set','checkStorageTask',null);推荐指数
解决办法
查看次数
如何在我的网站中添加 Instagram 关注按钮？
我可以添加 twitter 的关注按钮、youtube 的订阅按钮和 facebook 的“喜欢”按钮，是否可以在网站上为我们的 Instagram 帐户编写关注按钮？
JSFiddle：https ://jsfiddle.net/shmdhussain/jtcz2jtz/2/
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
<a class="twitter-follow-button" href="https://twitter.com/TwitterDev" data-show-screen-name="false" data-lang="ar"> Follow @TwitterDev</a>推荐指数
解决办法
查看次数
CSS网格重复模式问题
尝试使用css网格实现下图中的重复模式:
尝试使用CSS网格,请参阅代码笔
.parent {
display: grid;
grid-gap: 20px;
direction: rtl;
padding-bottom: 20px;
}
.item--img-cont img {
width: 100%;
}
.item--text-cont {
color: white;
}
.item {
background: black;
}
/*START:Desktop Style */
@media screen and (min-width:1280px) {
.parent {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.item:nth-child(10n+1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.item:nth-child(10n+10) {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 5;
}
}
/*END:Desktop Style */<!--START: Set 1-->
<div class="parent">
<!--START: …推荐指数
解决办法
查看次数
使用nodejs为我的角应用程序的Web服务器
我正在开发一个角度应用程序,我想使用node.js使用web服务器运行应用程序,如angular-seed项目https://github.com/angular/angular-seed.我在我的本地路径中复制了角度种子应用程序,我按如下方式运行它
打开命令提示符
我只是Node scripts\web-server.js在命令提示符下运行以下命令,请参见截图
然后我检查浏览器应用程序是否正常工作
然后我尝试为我的测试应用程序做同样的事情,这里我做的是,只创建我自己的角度应用程序并将web-server.js文件复制到我的测试应用程序的scripts文件夹中,如下面的屏幕截图所示.
然后我执行以下步骤打开命令提示符
然后我Node scripts\web-server.js在命令提示符下运行以下命令,参见截图
但我得到的是看到屏幕截图
我想使用node.js在webserver中像使用角度种子应用程序一样运行我的应用程序.
我的Index.html是
<!Doctype html>
<html data-ng-app>
<head>
<meta charset="UTF-8">
<title>angular JS directive demo</title>
<script src="angular.js"></script>
</head>
<body>
Name:
<input type="text" data-ng-model="name" /> {{ name }}
<div class="container" data-ng-init="names=['aaa','bbb','ccc']">
<ul>
<li ng-repeat="personName in names"> {{ personName }}</li>
</ul>
</div>
</body>
</html>
Web-server.js.我从angular-seed项目中复制了这个文件.
#!/usr/bin/env node
var util = require('util'),
http = require('http'),
fs = require('fs'),
url = require('url'),
events = require('events');
var DEFAULT_PORT …推荐指数
解决办法
查看次数
Intersection Observer API Fires回调甚至元素不在视图中
我试图找到元素在屏幕上的时间(试图实现无限加载器).
将Observer绑定到列表中的最后一项并监听,不幸的是在chrome 62 mac 10.10中,回调即使是我正在观察的元素也不在视口中.
当我检查交叉比时,我可以很容易地防止它.这是Intersection Observer的工作方式吗？
在此先感谢您的帮助.
bindIO();
function ioCallback(entries, observer) {
console.log("entries");
console.log(entries);
entries.forEach(entry => {
// Each entry describes an intersection change for one observed
// target element:
console.log(entry.boundingClientRect);
console.log(entry.intersectionRatio);
console.log(entry.intersectionRect);
console.log(entry.isIntersecting);
console.log(entry.rootBounds);
console.log(entry.target);
console.log(entry.time);
});
}
function bindIO(arguments) {
var options = {
threshold: 1.0
}
observer = new IntersectionObserver(ioCallback, options);
}
var triggerel;
var lastIndex;
var items;
var observer;
setTimeout(function() {
observeEl();
}, 2000);
function observeEl(arguments) {
items = document.querySelectorAll('.item');
lastIndex = items.length
triggerel = …推荐指数
解决办法
查看次数
检查仅在悬停或焦点上出现的HTML元素
我只想检查一个html代码块(例如:tooltip),只有当我专注于输入文本框时才会出现.我无法使用Web检查器或firebug查看工具提示代码块的属性.请帮助我检查那些只在悬停或专注于其他元素时出现的htmls.提前感谢任何帮助.
推荐指数
解决办法
查看次数
AMP HTML支持什么CSS规则？
我已经阅读了https://github.com/ampproject/amphtml/blob/master/docs/create_page.md关于CSS的用法,但我不确定格式允许的CSS选择器.选择器/属性是否有任何限制？
样式声明可以放在任何地方<html>或仅放在<head>？
是否可以包含任何外部样式表？
推荐指数
解决办法
查看次数
jQuery Hover事件未绑定到子元素
我将悬停事件绑定到li标记(请参阅下面的代码或小提琴,代码详细信息),即当我将鼠标悬停在其上时li,我添加了更改背景的类li.
li标签有一个a标签,span用一个文本包含两个标签,当我将鼠标悬停在两个文本span标签上时,我没有看到悬停事件被执行.请看我的小提琴http://jsfiddle.net/shmdhussain/JbVMv/.在此先感谢您的帮助.
<!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>
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"></link>
<link rel="stylesheet" type="text/css" href="css/mystyle.css"></link>
<script src="/jquery-my.js" ></script>
<script>
jQuery(function($){
var groupTab = $("ul").children("li");
groupTab.hover(function(){
if(!($(this).children("a").hasClass("current")))
{
$(this).siblings("li").children("a").removeClass("hoverBG");
$(this).children("a").addClass("hoverBG");
}
});
groupTab.mouseout(function(){
$(this).children("a").removeClass("hoverBG");
});
});
</script>
<style>
li{background-color:#DCDEDB;
border:1px solid black;
padding:20px;
}
.hoverBG{
background-color:red;
}
</style>
</head>
<body>
<div class="">
<ul class="" id="">
<li class=" …推荐指数
解决办法
查看次数
在哪里可以找到 STS.ini 文件？
我正在尝试为 MAC OSX 中的 STS 套件增加堆堆栈，但无法找到 sts.ini 文件来更改它，根据此链接
http://blog.yohanliyanage.com/2012/11/sts-in-os-x-wheres-the-eclipsests-ini/
它应该与 STS.exe 文件一起位于以下文件夹中，但它不存在，也未隐藏。任何人都可以帮助我吗？在此先感谢您的帮助。
推荐指数
解决办法
查看次数