我开始在 MacOS 上运行 Docker，我刚刚能够安装一个 WordPress 容器并让它在本地运行。但是真正的WordPress 文件到底在哪里？
我是否需要通过 SSH 连接到容器中才能在那里查看/编辑它们？如果是这样，人们会怎么做呢？
不知道为什么今天对我这么困难,但由于某种原因我似乎无法将当前的URL复制到剪贴板.总的来说,我正在寻找一种方法来做到这一点,而无需创建一些隐藏的文本元素.
这是我到目前为止所尝试的:
var shareBtn = document.querySelector(".share-button");
shareBtn.addEventListener('click', function(event) {
var cpLink = window.location.href;
cpLink.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copy command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
event.preventDefault;
});
当我尝试使用它时,.select()我得到了这个错误:
t.select is not a function
所以我不是100%确定最好的方法是什么.再次,不使用jQuery(或任何其他JS库)而不使用某种隐藏的文本字段.
我以前从未见过它像这样使用过:
<script src="{{ file.name_js }}"></script>
这是否更好？
我开始使用Thoughtbot的Bourbon Neat来响应网格.总的来说,它很漂亮,我真的很喜欢它,但我挂了一个小问题.
我试图让两个列在没有边距的情况下彼此相邻,但在尝试复制他们的示例之后,我没有得到相同的结果.
这是HTML示例:
<section>
<p>
This is the main section.
</p>
<div class="container">
<p>
This is the container
</p>
<div class="col1">
<p>
This is the 1st column.
</p>
</div>
<div class="col2">
<p>
This is the 2nd column.
</p>
</div>
</div>
</section>
这是我的SCSS:
section {
@include outer-container;
text-align: center;
}
.container {
@include span-columns (12);
text-align: center;
margin: 0;
padding: 0;
.col1 {
@include span-columns(6);
background: #ccc;
@include pad(em(15));
}
.col2 {
@include span-columns(6);
background: #ccc;
@include pad(em(15));
}
} …所以我已经让它工作了，它显示/隐藏了 UL 的/ LI，但我不确定我在没有换出 +/- 符号的情况下做错了什么？
这是我的JS：
$(".top ul li:not(:has(li.current))").find("ul").hide().end() // Hide all other ULs
.click(function (e) {
if (this == e.target) {
$(this).children('ul').slideToggle();
}
$(this).children("li.menu-item-has-children").text(this.toggle ? "-" : "+");
return false;
});
我有一个类设置来附加带有li:beforeli 的 li ，在具有嵌套 ul 的 li 之前添加 + 符号。但我不确定我是否会以正确的方式更换标志。
这是我制作的小提琴：
我正在使用http://detectmobilebrowsers.com/中的javascript版本重定向到移动网站.唯一的事情就是我有一个链接,可以在用户想要/需要去的地方找到完整的网站.
但是,当您单击链接以从移动设备查看完整站点时,它会重新选择重定向并将其恢复到移动版本而不是完整站点.
我正在做一些搜索,并想知道是否有可能破解它以便它使用
window.location.href.indexOf
或者像这样的那种性质:
if(window.location.href.indexOf("mobile/index.html") > -1)
{window.location = "http://thefullsiteURL.com"}
else { function (a, b) {
if (//mobile direction stuff from detectmobilebrowsers.com
})(navigator.userAgent || navigator.vendor || window.opera,
'http://thefullsiteURL.com/mobile/index.html')};
保持在中间,这是我拼凑在一起的东西,我的JS技能是相当新的,所以如果任何人有一个更优雅的解决方案我都是为了它.
所以,我试图插入一个包含php include的文件,但由于某种原因它无法使用完整的URL.
这有效:
<?php include 'menu.html' ?>
但这不是:
<?php include 'http://domainname.com/menu.html' ?>
有任何想法吗？
有没有办法为Sass中的转换创建一个变量来复制它:
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
我刚刚用Sass弄湿了,我正在使用CodeKit进行编译.
谢谢!
我在div中有一些项目data-order附加了data属性:
<div class="list">
<a href="#" data-order="4">Thing 4</a>
<a href="#" data-order="3">Thing 3</a>
<a href="#" data-order="1">Thing 1</a>
<a href="#" data-order="2">Thing 2</a>
</div>
但是我试图让它们显示数字顺序(升序 - 1,2,3等):
<div class="list">
<a href="#" data-order="1">Thing 1</a>
<a href="#" data-order="2">Thing 2</a>
<a href="#" data-order="3">Thing 3</a>
<a href="#" data-order="4">Thing 4</a>
</div>
我有这个:
$(".list a").sort(function(a, b) {
return $(a).attr("data-order") > $(b).attr("data-order");
}).each(function() {
$(".list").prepend(this);
});
但这似乎真的搞乱了订单.所以我不太清楚我做错了什么,或者是否有更简单的方法可以让它们正确排序.
我不太清楚为什么我的代码会造成这种情况.
我在标题中有这个jquery脚本:
<script>
$(document).ready(function() {
$('.control').on('click', function(e) {
e.preventDefault();
var field = $(this).data('field');
$('.hider:visible').fadeOut("slow", function() {
$('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow");
});
});
var randomIndex = Math.floor((Math.random() * 100) + 1) % 3;
console.log(randomIndex);
var field = $($('a').get(randomIndex)).data('field');
$('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow");
})?;
</script>
当我重新加载页面时,没有任何反应,因此脚本似乎没有运行.当我在Chrome上检查页面时,我发现这个错误位于名为(程序)的选项卡中,它位于前几行中:
if (window.top.require) {
Uncaught SyntaxError: Unexpected token ILLEGAL
window.top.require("ripple/bootstrap").inject(window, document);}
我不知道我的代码中导致此错误的是什么.当我拿出我的剧本时,它会消失.不太确定是否是wordpress或jqueryUI的东西(我为另一个插件加载了).
我正在处理列表中的一些项目：
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
<li>Item5</li>
<li>Item6</li>
<li>Item7</li>
<li>Item8</li>
</ul>
我正在尝试使用flexbox将它们分为两列，从而得出以下结果：
+--------------------+
| |
| Item1 Item2 |
| |
| Item3 Item4 |
| |
| Item5 Item6 |
| |
| Item7 Item8 |
| |
+--------------------+
但是我试图按升序对它们进行排序，因此看起来像这样：
+--------------------+
| |
| Item1 Item5 |
| |
| Item2 Item6 |
| |
| Item3 Item7 |
| |
| Item4 Item8 |
| |
+--------------------+
除非我需要在混合中添加一些JS，否则不知道如何使用CSS + Flexbox实现该目标吗？
这是Codepen上的演示：
不确定我需要更改什么，但我在不同的 div 中有两个具有相同类名的元素，并且我不确定如何填充它们。
HTML：
<div>
<a class="this-thing">Text</a>
</div>
<div>
<a class="this-thing">Text</a>
</div>
JS
const text = document.querySelectorAll(".this-thing");
text.innerHTML +='Add'
不知道为什么当我有一个实例时它会起作用，但是如果我向该类添加另一个元素，this-thing它就根本不起作用。
有没有办法使用javascript自动让页面查找任何mailto链接,然后在用户点击mailto链接时触发警报？
我目前有这个:
HTML:
<a href="mailto:nachomomma@notyourdomain.com">Email Link</a>
使用Javascript:
$(document).on('click','mailto',
function() {
alert('This is some alert text');
});
但这似乎不起作用.如果我以正确的方式或正确的方式进行此操作,我不太确定.