小编Cod*_*nja的帖子
SetCustomValidity 不起作用
当在“大小”元素中输入过高或过低的数字时，我试图创建自定义错误消息。但是，我无法完成这项工作。我是一名初学者，因此对现有代码进行最少更改的解决方案将是最受赞赏的。
\n\nfunction autoFillcost() {\r\n var size = document.getElementById("size").value;\r\n if (size <= 25)\r\n document.getElementById("cost").value = "\xc2\xa3100";\r\n else if (size >= 26 && size <= 50)\r\n document.getElementById("cost").value = "\xc2\xa3200";\r\n else\r\n document.getElementById("cost").value = "\xc2\xa3300";\r\n}\r\n\r\nfunction sizeValidate() {\r\n var size = document.getElementById("size");\r\n if (!size.checkValidity()) {\r\n size.setCustomValidity("ERROR!");\r\n } else {\r\n size.setCustomValidity("");\r\n }\r\n}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>\r\n<!DOCTYPE html>\r\n<html>\r\n\r\n<body>\r\n\r\n <form>\r\n\r\n Group Size:<input type="number" min="6" max="200" id="size" onblur="autoFillcost();sizeValidate();" required>\r\n\r\n <p>Cost:<input type="text" id="cost"></p>\r\n\r\n <p id="demo"></p>\r\n\r\n </form>\r\n\r\n</body>\r\n\r\n</html>推荐指数
解决办法
查看次数
在单页网站上替换Div的内容
所以我一直在建立一个基于我在网上找到的模板的网站,我将不胜感激任何帮助它实现我想要的功能.目前,它设置了过滤器,允许您对多个缩略图进行排序.但是,我希望当前充当"过滤器"的链接替换所有缩略图显示的div.
我在这里搜索jQuery,以替换div内容,包括替换div的内容,隐藏div并在点击时显示它们.我似乎没有做任何事情.
理想情况下,我将当前包装UL在一个div名为"designprojects"中,然后当我单击一个过滤器时,div将替换为一个包含项目信息的新过滤器.
以下是该网站用于使过滤器起作用的当前HTML和Javascript:
filter = function() {
if ($('#projects').length > 0) {
var $container = $('#projects');
$container.imagesLoaded(function() {
$container.isotope({
// options
animationEngine: 'best-available',
itemSelector: '.item-thumbs',
layoutMode: 'fitRows'
});
});
// filter items when filter link is clicked
var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function() {
var $this = $(this);
// don't proceed if already selected
if ($this.hasClass('selected')) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// make option object …推荐指数
解决办法
查看次数
机械化:打开太多值(预期2)
我曾尝试编写以下代码,我正在尝试编写一个代码Python 3.7,只需打开一个Web浏览器并将网站提供给它Command Line:
Example.py
import sys
from mechanize import Browser
browser = Browser()
browser.set_handle_equiv(True)
browser.set_handle_gzip(True)
browser.set_handle_redirect(True)
browser.set_handle_referer(True)
browser.set_handle_robots(False)
# pretend you are a real browser
browser.addheaders = [('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36')]
listOfSites = sys.argv[1:]
for i in listOfSites:
browser.open(i)
我在以下命令中输入了以下命令cmd:
python Example.py https://www.google.com
我有以下追溯:
Traceback (most recent call last):
File "Example.py", line 19, in <module>
browser.open(i)
File "C:\Python37\lib\site-packages\mechanize\_mechanize.py", line 253, in open
return self._mech_open(url_or_request, data, timeout=timeout) …推荐指数
解决办法
查看次数
Handling aspect ratio of lazy loading images with different dimensions to avoid content jump
在padding-top: calc(height / widht * 100%);
I 的帮助下，
我可以处理延迟加载的图像以避免内容跳转。
但是，仅当所有图像都在同一尺寸上时，此解决方案才能完美工作。
渲染不同尺寸的图像时如何处理内容跳跃？
仅供参考：对于延迟加载图像，我正在使用lazysizes
.wrapper {
position: relative;
height: 0;
padding-top: calc(100 / 411 * 100%);
}
.wrapper_img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div>
<p>Test 001</p>
<div>
<div class="wrapper">
<img class="wrapper_img" src="https://placehold.it/411x100" />
</div>
</div>
Test 002
<div>
<div class="wrapper">
<img class="wrapper_img" src="https://placehold.it/150x100" />
</div>
</div>
Test 003
<div>
<div …推荐指数
解决办法
查看次数
如何更改CSS flex-box列的宽度？
我有一个菜单 div，它填充了其容器高度的100％，在它旁边的右侧是header，body和footer部分。
我设法做到了CSS flex property。但是，我想更改"menu"div从容器中取出的宽度量，例如，使其成为10% width of container's width，并使其rest divs fill what's left（即使"menu"div在以后被隐藏）。
我现在拥有的JS Fiddle：https：//jsfiddle.net/jf29vr0x/3/
.container {
display: flex;
flex-flow: column wrap;
width: 75%;
height: 500px;
position: relative;
margin: 0 auto;
}
.menu {
flex: 0 0 100%;
background: lightblue;
}
.header {
flex: 0 0 10%;
background: lightgray;
}
.body {
flex: 0 0 80%;
background: purple;
}
.footer …推荐指数
解决办法
查看次数
表中的响应图像
图像应在表格单元格中具有响应性，并且背景色应填充所有空白区域。
我正在Drupal网站（版本8.6.7）上工作，该网站将使数字符号显示在表行中。我正在使用Drupal8 Zymphonies主题8.x-1.3，我希望它能在从笔记本电脑到手机的设备上运行。我还希望图像填充尽可能多的单元格，而背景色将填充其余部分。我在自定义文本字段的视图中生成此代码。我正在尝试使用放置在td-tag中的CSS类，但是它不起作用。-在小型设备中，图像会变得很小，并且不会填满td单元。-背景颜色不能完全覆盖图像。-空单元格在中间出现一个白色正方形。
In CSS-file I have this:
.uptoten {
background-color:yellow;
padding: 0px;
margin: 0px;
}
在自定义文本字段中，我在td-tag中使用此类：class ='uptoten'
在结果上附加了图像。在笔记本电脑上：
我希望白色的内部正方形消失，并且图像填充单元格。
在小型设备上，图像太小：
输入的Twig：
{%set img_txt = random(['anka', 'groda', 'tomte', 'drake'])%}
{%set img_file = '/sites/default/files/num-images/'~img_txt~'.jpg'%}
{%set img_blanc = '/sites/default/files/num-images/empty.jpg'%}
{%set max=nothing|trim%}
{%set blanc=20-max%}
<table >
<tr>
{% for i in 1..20 %}
{% if i<11 %}
<td class='uptoten'>
{% else%}
<td>
{% endif %}
{% if i<=max %}
<img alt={{img_txt}} src={{img_file}} />
{%else%}
<img alt="empty" src={{img_blanc}} />
{% endif %}
</td>
{% …推荐指数
解决办法
查看次数
为什么最后一个字符会反复打印？
我写了以下内容来动画div中的文本动画,但我找不到最后一个角色是如何重复打印的.
var textClass = $(".first-text");
var text = textClass.text();
textClass.text("");
for (var i in text) {
$(textClass).animate({
opacity: 0.25
}, 200, function() {
$(textClass).append(text.charAt(i));
});
}p:not(:first-child) {
display: none;
}
p {
margin: 0 auto;
font-size: 24px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="animate-text">
<p class="first-text">HTML</p><br>
</div>如果我尝试警告i或者的值text.charAt(i),我总是得到所需的输出,但是当我尝试在div中追加它时,我总是得到重复打印的相同的最后一个字母.我找不到我错的地方.我无法在逻辑中找到错误.
如果有人能够通过上述代码告诉我我的错误,我会很高兴听到它.
这是我尝试此代码的小提琴的链接.
提前致谢.
推荐指数
解决办法
查看次数
如何控制下拉列表使用Jquery选择选项菜单
我正在创建一个网站.在此网站中有一个表单,用户必须输入详细信息.所以,在这种形式中,我添加了2个下拉列表,如下所示.现在我想,当我从Adults菜单中选择数字9时,我想禁用子菜单.否则,如果数字是8或小于8,仍然可以从儿童菜单中选择.然后我在jquery中使用了length.但是,这不是我想要的.
我怎样才能做到这一点？
$(document).ready(function() {
var adults = parseFloat($('#adults').val());
var children = parseFloat($('#children').val());
var infants = $('#infants').val();
var Total = adults + children;
//$("#errorModal").html(Total);
$('#adults').change(function() {
var st = $('#adults option:selected');
if (st.length > 8) {
$("#children").prop('disabled', true);
}
});
alert(Total);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form class="form-horizontal" method="POST" action="#" enctype="multipart/form-data" id="signupForm">
<div class="col-md-4 col-sm-12 hero-feature">
<!-- Start Of The Col Class -->
Adults :
<select name="adults" class="form-control" id="adults">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option> …推荐指数
解决办法
查看次数
如何解决错误：“ jar”无法识别为内部或外部命令，可操作程序或批处理文件？
当我尝试jar在Windows的命令行中运行' '命令时，出现以下错误：'jar' is not recognized as an internal or external command。
有一个普遍的猜测似乎是正确的，即我可能PATH错误地使用了环境变量。但是我已经做到了，我在PATH变量中添加了以下值：' C:\Program Files(x86)\Java\jdk1.8.0_25\bin'。
我正在运行64位Windows 8系统。我还从以下链接引用了此问题： java'jar'不被识别为内部或外部命令
我也尝试了上面链接中建议的一些解决方案，由于声誉不高，我无法在此处添加评论。
我从上述链接尝试过的建议：
（通过上面的链接，java -version和java -jar也可以使用。那么jar文件怎么了？）
推荐指数
解决办法
查看次数
3列固定标题,扩展高度以适合内容
我正在尝试在页面顶部创建一个具有3个"列"的固定标题.第一个在左侧左对齐,第二个相对于整个页面居中- 无论其他两个列大小,第三个是右对齐,卡在右侧.我希望所有内容都垂直居中.
浮标并没有真正起作用,因为中间列没有正确居中.所以我position: absolute在左边和右边使用了两个div,并在中间留下了一个div.
我的问题是我无法扩展标题以包含左侧div,它更高,我无法将内容垂直居中.
我究竟做错了什么？谢谢!
这是我的代码:
.header {
z-index: 8;
top: 0;
left: 0;
position: fixed;
padding-top: 1rem;
padding-bottom: 1rem;
width: 100%;
background: white;
z-index: 8;
border-bottom: 1px solid black;
text-align: center;
}
.left {
position: absolute;
top: 1rem;
left: 1rem;
border: 1px solid gray;
background: red;
padding: 1rem;
height: 10rem;
}
.right {
position: absolute;
right: 1rem;
top: 1rem;
background: yellow;
border: 1px solid gray;
}
.middle {
background: green;
border: 1px …推荐指数
解决办法
查看次数
安装失败：无法在 ubuntu 上的 wordpress nginx 中创建目录
我在本教程的帮助下设置了 wordpress... 当我尝试安装主题或插件时，如何在 ubuntu 18.04 上使用 LEMP 安装 wordpress显示的错误消息如下所示
Installation failed: Could not create directory
我也试图给予许可：
sudo chown -R www-data:www-data /var/www/domain_name.com/html/wp-content/plugins
sudo find /var/www/domain_name/html/ -type d -exec chmod 7555 {} \;
sudo find /var/www/c-linkons.com/html/ -type f -exec chmod 644 {} \;
我查过这个
ps aux|grep nginx|grep -v grep
826 0.0 0.9 142688 9184 ? Ss Sep03 0:00 nginx: master process /usr/sbin/nginx -g daemon on; master_process on;
www-data 13818 0.0 0.8 144988 8748 ? S Sep04 0:00 nginx: worker process …推荐指数
解决办法
查看次数
用内联按钮创建一个div
如何使用2个按钮成为内联的Div？
<div>
<h2 id="break-label"> Break Length </h2>
<div id="button">
<button id="break-decrement">
handleClickBreakDecrement
</button>
<p id="break-length"> 5 minutes or something </p>
<button id="break-increment">
handleClickBreakIncrement
</button>
</div>
</div>ID ="button"的div必须是这样的内联:
**handleClickBreakDecrement** 5 minutes or something **handleClickBreakIncrement**
而不是这个:
**handleClickBreakDecrement**
5 minutes or something
**handleClickBreakIncrement**
我尝试使用display:inline但没有任何反应
推荐指数
解决办法
查看次数
如何在C++中调用基类虚函数
假设我有两个类class A和class B,class B派生自class A public.这里班A有virtual emp()和类B有emp(),在这种情况下,我怎么能调用基类的虚函数？
推荐指数
解决办法
查看次数