2回答
使用Alpine.js + TailwindCSS。
每当页面重新加载时，侧栏就会显示自己一会儿，然后关闭。我不知道为什么会发生这种事。
我甚至尝试将block类添加到<aside>元素中，然后在侧边栏打开时删除它，如：:class="open ? 'translate-x-0 block' : '-translate-x-full'"，但这也不起作用。
这就是它的样子：
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"&
浏览 3提问于2021-07-27得票数 1
回答已采纳
我使用的是handlebars模板引擎
<div class="input-wrapper col-md-12">
<input id="{{#if type}}{{type}}{{else}}text{{/if}}" name="{{#if type}}{{type}}{{else}}text{{/if}}"
class="input--default" type="{{#if type}}{{type}}{{else}}text{{/if}}" data-filled=
浏览 2提问于2020-04-01得票数 0
1回答
我使用雪碧中包含的SVG图标，如下所示。
<div class="py-3">
<svg-icon><src href="sprite.svg#si-glyph-bullet-checked-list"/></svg-icon>
<span>Tasks</span>
</div>
它工作得很好，但是当我把它重写成角指令时：
app.directive('ngxTileIcon', function () {
return function
浏览 6提问于2017-09-08得票数 0
2回答
我正在用Ngx开发一个使用角形5的web应用程序，我在SVG标签中的模板中遇到了麻烦。
我正在svg组(g标记)中做一个循环。在G中，我有一些foreignObjects，当鼠标在它上时，我想对每个foreignObject使用引导弹出，但是我需要在弹出器中绑定，模板需要循环中的数据。
<g *ngFor='let textBox of textBoxes'>
<foreignObject [id]='textBox.name' [attr.x]='textBox.topLeftNode.x' [attr.y]='
浏览 1提问于2018-03-06得票数 1
回答已采纳
我在jquery中使用一些开关来添加/删除类：
当用户单击它时，我需要切换一些图像：
<div class="col-6 text-right mb-3">
<span class="hover-it cursor-pointer">
<img class="off-hover unliked-116" src="/asset/img/pictogramme/LIKE - LIGHT.svg" alt="like" hei
浏览 5提问于2021-03-13得票数 0
回答已采纳
，这是我的SVG的一部分：
<g id="g05">
<polygon class="st2" points="224.8,256.4 309.9,390.6 224.8,517.5 144.1,386.2" filter="url(#dropshadow)"/>
<defs>
<filter id="dropshadow">
<feGaussianBlur
浏览 2提问于2018-01-16得票数 2
1回答
我有一个把手模板，我想包括一个从d3生成的svg图形到template.Graph应该在模板内
D3图
var dataset = [1200,3000,3200];
// dataset will change dynamically.
<script type="text/javascript">
var w = 154;
var h = 42;
var rect_1_h = 5;
var rect_2_h = rect_1_h * 2;
var rect_2_w = rect_1_h/2;
var rect_
浏览 1提问于2013-02-08得票数 6
回答已采纳
我是一个CSS和DIVs的初学者，并试图建立一个按钮覆盖。
目前，这个页脚获取页面的整个底部区域，并覆盖一些主要区域：
这个页脚区域覆盖了一个需要点击的按钮的一半。
在页面底部，我需要显示两个导航按钮。该区域的高度为150像素，固定在页面底部。
脚看起来像这样。
<div class="footer">
<div heigth="100">
<span heigth="100" width="200" style="float:left; padding-le
浏览 7提问于2022-06-27得票数 0
回答已采纳
1回答
我正在学习使用Handlebar，我想在AJAX调用中使用它，根据我的想法，一旦我从服务器获得数据，我就用Handlebar编译，然后在特定的div中打印，但它抛出了一个错误。我的语法会错吗？
<div id="get_art">
</div>
<script id="artists-template" type="text/x-handlebars-template">
<ul class="artist">
{{#each this}}
<
浏览 1提问于2018-04-02得票数 0
R#错误地报告了我的一个MVC3视图有错误。我有两个布局，每个布局都定义了不同的部分：
@{
Layout = "~/Views/Shared/layout2.cshtml";
}
@section Layout2Section { @* Layout2Section is red, reported as error by R#. *@
<span>Injected into LayoutSection2</span>
}
该视图在浏览器中显示良好。下面是来自layout2的代码：
@RenderSection("Layout2
浏览 3提问于2012-01-03得票数 1
回答已采纳
2回答
我正在开发一个JS插件()，它可以遍历DOM树(它不在我的控制范围内)，并将某些TextNodes替换为span。
在某些特定的上下文中，这将导致无效的标记，比如在svg:text节点内。但是，这段代码不会在Chrome/FF中抛出任何错误：
var text = document.createElementNS("http://www.w3.org/2000/svg", "svg:text");
text.appendChild(document.craeteElement("span"));
即使它是无效的标记。
类似地，在div中放置p是允
浏览 3提问于2014-03-24得票数 1
回答已采纳
我试图生成一个svg矩形和一个span，以便span元素中的文本与svg元素垂直对齐。在声明式HTML+CSS中，我设法做到了。但我不能用javascript来做。
在这里，我的javascript代码：
/* Svg creation
==============================*/
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("width", 60);
svg.setAttribute(
浏览 1提问于2015-09-28得票数 1
回答已采纳
我试着用javascript代码在鼠标悬停上创建按钮的颜色变化，我不清楚的部分是如何设置'this‘属性，因此悬停元素触发了特定按钮的css部分。
$('this').mouseover(function() {
$('#div').removeClass('svg-active');
$('#span').removeClass('light-blue-link');
});
$('this').mouseout(function() {
$('#div')
浏览 0提问于2016-01-20得票数 1
回答已采纳
2回答
我有一个包含ng-include的span，它嵌入了一个svg文件。如何使用ng-style设置svg的样式？我想根据它的索引设置它的样式。
<li ng-repeat="menuItem in menuItems" class="menuitem" ng-class="{'smenuitem': ($index === menuselected)}">
<span class="svgcont2"
ng-include="menuItem.iconurl"
浏览 17提问于2017-03-02得票数 1
回答已采纳
1回答
AngularJS 1.X在指令返回的对象上具有templateNamespace属性。此参数可以设置为svg。但是我找不到在AngularJS 2中设置模板命名空间的方法。
当我尝试这样的代码时，什么都没有呈现( )：
@Component({
selector : "my-app",
template : `
<svg width="100" height="100">
<circle> </circle>
</svg>
`,
浏览 2提问于2016-05-08得票数 0
3回答
svg图标是可点击的。
<div class="some-class">
<svg aria-label="Search" class="some-icon" width="24" height="24" fill="#000" viewBox="0 0 24 24">
<path d="M9.5,...,5 9.5,5Z">
</path>
</svg>
&l
浏览 0提问于2019-07-17得票数 1
回答已采纳
可见粉红色/中间矩形。顶部和底部都没有，已经将它们的样式移到了外部CSS的一个类中。检查元素在顶部/最右侧显示1x1图像？在svg区域。我不知道为什么在外部CSS中有样式属性会导致矩形不像预期的那样呈现。请解释一下。
.countLegend p {
margin: 0em;
line-height: 1;
}
.legendTotal {
width:1.3em;
height:0.8em;
fill: rgb(135, 206, 250);
}
.legendRejected {
width:1.3em;
height:0.
浏览 2提问于2015-03-12得票数 0
回答已采纳
我有下面的xslt。
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:ntw="Number2Word.uri" exclude-result-prefixes="ntw">
<xsl:output method="html"/>
<xs
浏览 0提问于2013-07-17得票数 0
回答已采纳
2回答
有人能给我一个提示吗?如何使“一些text1”依赖于svg class="svg svg目标“？
这工作
$x("//br/../preceding-sibling::strong/a")
，这不工作，
$x("//svg[@class='svg svg-goal']/../preceding-sibling::span/strong/a")
更高级的HTML代码
<span class="event-p-name">
<strong>
<a href="
浏览 1提问于2017-04-03得票数 1
回答已采纳
1回答
我使用以下代码在其节点中打印标志：
{{ content.flag_like_node }}
当我在我的节点的模板中打印我的标志时，渲染如下：
<div class="bs-field-like-link"><a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1"></a><div class="flag flag-like-store js-flag
浏览 0提问于2020-01-02得票数 0
1回答
在JS Render模板中使用AND(&&)运算符会抛出异常。但OR(||)运算符工作正常。
<svg width="100" height="100" style="margin-top:-50px">
{{if orderValue === 0 && orderValue1 === 1}}
<circle cx="30" cy="30" r="20" fill="orange"></circle>
{{else
浏览 2提问于2018-01-23得票数 0
1回答
我正在创建以SVG图像为背景的选项卡菜单。我需要标签以相反的顺序重叠--第一次超过第二次，第二次超过第三次。我需要svg阴影，在Firefox中工作。
但是，当我应用阴影时，.after元素的z索引被打破，从而打破了重叠。有什么办法可以改变堆叠顺序/修复这个问题吗？以下是示例来源：
div{
background-color: grey;
padding-top:20px;
padding-bottom: 20px;
}
ul.tabs-nav{
margin: 0px;
padding: 0px;
list-style-type: none;
margin
浏览 1提问于2014-12-22得票数 1
回答已采纳
我有模板，其中包含简单的图标模板：
<span class="icon {{unbound pperson.medical.diseases '=' 0 'hidden'}}">
<img class="icon" src="/assets/img/icons/icon.svg
</span>
可以看到，我需要一个标志来显示/显示它，为此我使用了hidden类。我有一组数据“疾病”。因此，如果它是空的，我不应该显示图标，如果它不是
浏览 7提问于2022-11-07得票数 0
我只是想设置一个最大高度在一个tbody，并改变溢出y自动，所以我有一个静态的标题和滚动体。
就像这样也许：
table {
display: block;
width: 100%;
text-align: left;
border-collapse: collapse;
}
tbody {
max-height: 300px;
overflow-y: auto;
}
我什么都试过了。父级宽度为100%
浏览 5提问于2021-02-22得票数 0
回答已采纳
3回答
我目前的情况是一个字段集，它与我页面上的另一个字段集是一致的。这个帖子的字段集包含一个svg循环和一些文本。
我的目标是让这两种内容相互内联，字段集的大小可以调整，因为我希望根据返回true或false的函数，更改给定的<span>/<p>文本和圆圈的颜色。
我目前的代码是：
<div>
<fieldset class="fieldset-auto-width">
<legend>some legend</legend>
<div>
<svg heigh
浏览 7提问于2017-03-21得票数 3
回答已采纳
1回答
我在寻找堆叠溢出的解决方案，但什么也没找到。我有一套图标。默认情况下，它们是灰色的，只有4/7是可见的。当我在带有图标的div上盘旋时，我希望7中的7是可见的和灰色的。在盘旋时，我希望每个单独的图标，也就是悬停的图标，用相同的不同颜色的图标进行更改(我对每个图标都有两个不同的SVGs -灰色和蓝色)。
.card-list .social span img {
height: 13px;
margin-top: -2px;
}
.card-list .social:hover>.hidden {
display: inline;
}
.card-list .socia
浏览 1提问于2018-10-12得票数 0
回答已采纳
1回答
你好，我想知道如何在span中选择SVG并在悬停时更改它的颜色。
我的svg是从span内部的另一种样式调用的：
<a href="#"><div><span class=icon over"></span></div></a>
我想做的是这样的事情：
a:hover > div > span { fill: #fff; }
但它并不适用于SVG。在实际跨度上，它正在与其他属性一起工作。
所以问题是我如何改变SVG的颜色，它是用在span元素中包含svg的另一种样式调用的。
SVG代码：
浏览 0提问于2015-09-11得票数 0
回答已采纳
我有一个模板
script type: "text/template", id: "list-template", '''
<div class="display">
<div id="list-name"><%= name %></div>
<span class="list-destroy"></span>
</div>
&l
浏览 3提问于2012-02-21得票数 1
回答已采纳
1回答
我想删除谷歌议程上的一个事件。但是每次我遇到错误时，都会说webdriver找不到这个元素。
Exception has occurred: TimeoutException
Message:
File "C:\Users\cuyve\Desktop\git\ss-tasks\google_agenda_API.py", line 105, in delete_event
delete = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "/html/body/di
浏览 3提问于2020-11-10得票数 0
回答已采纳
我在与一个React应用程序下拉框交互时遇到了一些困难。
我需要简单地选择一个下拉按定位器，然后检查和取消选中各种复选框。
以下片段是其中5个框中的一个示例：
<div class="MuiFormControl-root jss55" xpath="1">
<label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined" data-shrink=&
浏览 8提问于2019-10-01得票数 0
简单问题：
Parent：span将display: inline-block、width和height设置为auto。
儿童： svg，height和width设置为35px。
问题：
为什么span获取高度= 39px (参见下面的图片和片段)？
const svg = document.getElementById('svg1');
const svgStyle = window.getComputedStyle(svg);
const span = document.getElementById('span1');
co
浏览 0提问于2019-04-26得票数 3
2回答
<div class="MuiGrid-root jss45 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3 MuiGrid-grid-md-3 MuiGrid-grid-lg-3 MuiGrid-grid-xl-3">
<h4 class="MuiTypography-root jss48 MuiTypography-h4">Decks</h4>
<button class="MuiButtonBase-root MuiFab-root jss47 MuiFa
浏览 24提问于2021-02-15得票数 0
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 300) {
$(".tabs-row").addClass("stick-to-top");
$(".tabs-wrapper ul").fadeOut();
$(".stat-accordion").fadeOut();
$(".profpic").addClass("profpic-to-top");
}
浏览 1提问于2017-01-17得票数 0
回答已采纳
1回答
显然，将svg的height设置为100%并不总是有效的。
考虑以下片段：
function createBar(color) {
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect')
svg.appendChild(rect)
rect.setAttribute(
浏览 4提问于2019-09-11得票数 0
回答已采纳
2回答
使用jQuery过滤元素
、、、、
我有以下li元素：
<li>
<span><img src="../media/check.svg" class="complete"></span>
<span><img src="../media/modify.svg" class="modify"></span>
<span><img src="../media/delete.png" class="delete"&g
浏览 8提问于2016-01-22得票数 4
1回答
我正在尝试添加一个svg并将其中的弧添加到html页面中。我就是这么做的：
<script>
var cityNames=["Челябинск","Область","Миасс","Копейск"];
var cityPercentage=["50%","30%","20%","10%"];
var width=300,
height=300,
radius=Math.min(width, height)/2;
var p=Math.
浏览 6提问于2014-04-10得票数 0
回答已采纳
我使用cocoon在表单中生成嵌套字段，但是我很难选择动态生成的输入字段进行测试。我假设id和name的数字部分(在默认情况下是相同的)是基于时间戳的，因此我推断需要正确选择regex。提前感谢你的帮助。
_form.html.erb
<% if question.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(question.errors.count, "error") %> prohibited this q
浏览 4提问于2017-05-09得票数 0
回答已采纳
3回答
当我试图向li标记添加mouseenter事件处理程序时，它显示了一个错误：
Uncaught : list.mouseenter不是函数
var list = $('.side_bar_pages ul li')[1];
list.mouseenter(() => {
console.log('hello world')
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
浏览 4提问于2017-09-07得票数 1
回答已采纳
如果ngIf中的条件不匹配，我将尝试呈现ng模板，但浏览器控制台会抛出此错误，将错误指向“error”：
TS2322: Type 'HTMLDivElement' is not assignable to type 'TemplateRef<NgIfContext<Skill[]>>'.
模板：
<ng-container *ngIf="memberSkills; else noSkills">
<div
*ngFor="let skillLevel
浏览 13提问于2022-01-17得票数 2
我遇到了一个奇怪的问题。这不是在阻止什么，但我认为更好的理解这种行为。我在AngularJS中使用ng-include来包含SVG图像，这样我就可以用CSS对它们进行样式化。
因此，这段代码运行良好：
<ng-include src="'resources/svg/mastercard.svg'"></ng-include>
<ng-include src="'resources/svg/paypal.svg'"></ng-include>
这也很好：
<span><
浏览 2提问于2015-02-17得票数 5
回答已采纳
2回答
我希望将动态SVG代码添加到我的<template>中，但不将其传递给v-html，也不需要任何包装器。
因为最终的结果应该是这样的，而且据您所知，template不支持v-html。但是，如果有办法通过v或任何相关的工作来实现这一结果，那么它将是完美的。
<template>
<svg>
</svg>
<template>
我的代码看起来是这样的。
<template>
<div>
<span v-html="svgData"></span&g
浏览 18提问于2022-08-26得票数 2
4回答
如何单击没有任何唯一类属性的按钮
、、、、
我很难点击一个按钮，它有一个长而生成的类，使用xpath选择器并不是唯一的。它有两个嵌套元素- svg和span。我不确定我是否应该寻找这个按钮，使用它们，或者可能通过课堂寻找，并选择例如第二个选项。
我试过以下选择器：
xpath = "//button[contains(@class, 'styled_ShareButton')](1)"
xpath = "//button span[contains('Add to favorites')]"
xpath = "//button[contains(@span, &#
浏览 1提问于2019-02-04得票数 1
回答已采纳
2回答
我有带有模式的内联SVG。我需要两种不同的页面布局-一个用于“媒体打印”，另一个用于浏览器。我正在动态地创建#svgCanvas中的所有内容，我需要它出现在打印布局的底部。
我的第一个想法是克隆整个svg，但后来我得到了相同ID的东西，Firefox和Edge对此感到非常不安。实现这一目标的替代方案是什么？
我看过svg到html5画布的转换，但由于某些原因，这对我并没有真正的效果，所以我想，也许还有另一种更简单的方法，如下面的方法？我知道这样做是有可能的：
<img src="external.svg">
因此，我认为我应该能够做同样的内联svg。
<spa
浏览 3提问于2017-02-25得票数 0
回答已采纳
1回答
如何根据Angular中的条件禁用svg标签？ 尝试使用disabled="true“，但对我不起作用。添加下面的示例代码。 <span>
<svg role="presentation" (click)="show = !show">
<use [attr.xlink:href]="show ? '#arrow-top' : '#arrow-bottom'"></use>
</svg>
</span>
浏览 84提问于2021-09-07得票数 1
我正在从事硒自动化的工作，我正在测试的应用程序是基于react.js技术的，它有很多动态内容。因此，我永远找不到任何元素的ID或名称。我总是要搜索包含文本的内容。此外，它还具有基于react.js的表，并且没有表、tr或td组件。
一个单元格的xpath：“//*
[@id='react']/div/div/span/span/span/div/div/div[2]/div[1]/div/div[1]/div/div/div/div[1]/div/div/div[1]".
我总是发现类似的xpath按钮，选择下拉或任何元素。有人帮助我完成这个react.js实现吗？
浏览 3提问于2017-11-07得票数 0
我有一个xml，我想用python来解析这个xml。
<draw:page draw:name="page3" draw:style-name="dp3" draw:master-page-name="Blue_5f_Curve1_5f_" presentation:presentation-page-layout-name="AL2T1" presentation:use-date-time-name="dtd1">
<office:forms form:auto
浏览 5提问于2022-09-22得票数 0
1回答
我正在尝试使用SVG的字体图标，它工作得很好。然而，我在使用*ngFor时遇到了一个主要问题。这是我的代码
<ion-col col-3 *ngFor="let land of landscape_amenities>
<span class="icon-{{land.id}}"></span><br />
<span>{{land.name}}</span>
</ion-col>
现在，我正在尝试使用SVG，但我不知道如何调用与id匹配的SVG。在.ts文件中有什么可以
浏览 0提问于2017-11-29得票数 1
1回答
我试图在曲线链接两种不同类型的字体，但这是不可能的，因为我不能在这里做标签。有什么解决方案吗?怎么做？
<svg viewBox="0 0 500 500">
<path id="curve" fill="transparent" d="M73.2,148.6c4-6.1,65.5-96.8,178.6-95.6c111.3,1.2,170.8,90.3,175.1,97" />
<text width="500">
<textPath xlink:hr
浏览 0提问于2020-02-24得票数 1
我的页面上有社交链接。在读者模式下，它们会显示出来，我想把它们藏起来。社交链接块如下所示：
<div class="social-likes">
<span class="social-likes__item">
<span class="social-likes__button" data-social="facebook">
<svg class="social-likes__icon social-likes__icon_facebook"&g
浏览 2提问于2015-05-18得票数 3
回答已采纳
是否有一种方法可以使SVG元素的宽度和高度等于其内部text节点内文本的宽度？
下面是一个演示：
下面是SVG标记：
<span>I want </span>
<svg width="100%" height="80px">
<text x="0" y="0" fill="white">
THESE WORDS
</text>
</svg>
<span>to be an SVG</span>
理想情
浏览 3提问于2015-01-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
