例如,我有像:
<div class='page'>
<span>2</span>
<span>2</span>
<a>1</a>
<a>6</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我怎样才能为第一个孩子设计一个
我用过这样的: .page a:first-child {color:red}
但它没有运行.
我使用reactjs并希望处理click事件滚动.
首先,我用以下内容列出了帖子componentDidMount.
其次,通过click event列表中的每个帖子,它将显示帖子详细信息并滚动到顶部(因为我将帖子详细信息放到页面的顶部位置).
第三,通过点击"close button"帖子详细信息,它将返回上一个帖子列表,但我希望网站将滚动到确切点击帖子的位置.
我用这样的:
点击事件查看帖子详细信息:
inSingle = (post, e) => {
this.setState({
post: post,
theposition: //How to get it here?
});
window.scrollTo(0, 0);
}
Run Code Online (Sandbox Code Playgroud)
我想获得状态theposition然后我可以完全滚动到点击帖子的位置'Close event'.
非常感谢.
我正在使用"替换"功能删除div中的所有非数字值.
似乎Jquery替换只影响第一个元素.
这是我的Jquery:
$('#comment').each(function() {
var thz = $(this);
var repl = thz.html(thz.html().replace(/\D+/g, ''));
});
Run Code Online (Sandbox Code Playgroud)
HTML代码:
<a id="comment1" href="#"> c2f?f011. </a>
<a id="comment1" href="#"> c20ff113. </a>
<a id="comment1" href="#"> c201gf76341. </a>
Run Code Online (Sandbox Code Playgroud)
结果:
2011 c20ff113.c201gf76341.
我想要的结果是:
2011 20113 20176341
我.hello在css 上课:
<style>
.hello { color:#ccc }
</style>
Run Code Online (Sandbox Code Playgroud)
如何使用Jquery检查类是否.hello存在样式?
当然,即使在<link href='style.css' />文档中也需要检查所有样式.
我里面有变量和循环,如下所示:
\nvar htmlmask = `\n<table>\n <tr>\n <td>\xe7\xa8\xae\xe9\xa1\x9e</td>\n <td>\n <div class="form-element maskselectop">\n <select class="form-element">\n ${masktypes.map((masktype, i)=>{\n let option = \'\';\n return option = `<option value="${masktype}" ${(i === 0) ? \'selected\' : \'\'}>${masktype}</option>`;\n })}\n </select>\n </div>\n </td>\n </tr>\n </table>`;\n\n$(\'body\').html(htmlmask);\nRun Code Online (Sandbox Code Playgroud)\n你能告诉我为什么return 后comma会出现 Between吗?option
我的语法有什么问题吗?
\n如何用css使高度等于宽度.
我有这样的HTML:
<div style="width:900px;height:200px;">
<a style="display:block; float:left; width:35%; background:green"></a>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,我想使a元素的高度等于宽度(35%).我怎样才能做到这一点?谢谢你的帮助.
我想用javascript将时钟附加到div的内部.这是我的代码:
<script type="text/javascript">
//<![CDATA[
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
var months = new makeArray('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var timer = document.write(months[month]+ " " +day + ", " + year);
document.getElementById('time').appendChild(timer);
//]]></script>
<div id='time'></div>
Run Code Online (Sandbox Code Playgroud)
但它不起作用.帮我修理它.谢谢.
我列出了一个:
<div class='label'>
<a>Menu</a>
<a>Menu Food</a>
<a>Menu Drink</a>
<a>Cheese</a>
</div>
<div class="mytext">
this text need hide.
</div>
Run Code Online (Sandbox Code Playgroud)
我如何检查a上面的列表有确切的文字="菜单".
我使用过这个脚本,但它不起作用:
$('.label a').filter(function(){
if($.trim($(this).text()) == "Menu"){
$('.mytext').show();
}
else {
$('.mytext').hide();
}
});
Run Code Online (Sandbox Code Playgroud)
我也不能for loop在里面使用和使用条件.
非常感谢你.
很长一段时间我使用这个"替换功能"通过Instagram API获取缩略图,它运行良好,但现在他们改变了一些事情,我不再用这种方式使用更大的缩略图.
src="<?= str_replace('s150x150/', 's320x320/', $post->images->thumbnail->url) ?>">
Run Code Online (Sandbox Code Playgroud)
但是将缩略图大小替换为更大,它会显示一个消息:无效的URL签名.
任何人都可以帮助获得更大的Instagram缩略图.他们改变了API,我对Facebook感到厌倦,他们在与FB同步后做了很多改动,每次都这样,开发人员必须更新,没有说明.
我想切换Detail,Blog但仍保留Sidebar. 我使用下面的代码,但它不起作用。你能帮我改正吗?非常感谢。
const routes = (
<Switch component={App}>
<Route exact key="detailpost" path={CelestialSettings.path + 'posts/:slug'}
components={{main: Detail, sidebar: Popular, mainbottom: Categories}} />) }
/>
<Route exact key="listpost" path={CelestialSettings.path}
components={{feature:Featurex, main: Blog, sidebar: Popular, mainbottom: Categories}} />) }
/>
</Switch>
);
class App extends React.Component {
render () {
const {feature, main, sidebar, mainbottom } = this.props;
return (
<div>
<div className="container">
<div className="main-feature" id="main-feature">
{feature}
</div>
</div>
<div id="content" className="site-content">
<div className="container">
<div className="divcontainer">
<div …Run Code Online (Sandbox Code Playgroud) javascript ×6
html ×5
jquery ×3
css ×2
reactjs ×2
css3 ×1
facebook ×1
instagram ×1
php ×1
react-router ×1