jQuery的添加类嵌入元素

我想一个类添加到一个嵌入元素，像这样：jQuery的添加类嵌入元素

$(".single-floorplan embed#2").addClass("activeFloorplan");

然而，这并不工作，类没有得到补充，我甚至试过

$(".single-floorplan #2").addClass("activeFloorplan");

仍然没有，没有类被添加。

这里是嵌入对象。

<embed src="~/PDFs/floorplans/pdf.pdf" height="500" type='application/pdf' id="2">

我如何添加类嵌入元素。

嵌入元素被包裹在一个名为single-floorplan的类中。

来源

2017-01-04 user979331

你能上的jsfiddle重现呢？我刚刚尝试[这和它的工作]（https://jsfiddle.net/rqafaord/）。 –

您正尝试使用'.single-floorplan'类选择元素。但是“嵌入”元素没有这个类。所以它不会被选择用于所需的操作。 – vvtx

它包裹在一个名为单层平面图的类 – user979331

我想你已经尝试

$(".single-floorplan embed#2").addClass("activeFloorplan");

embed object被放置在文档中之前。

因此，请务必在此embed对象放置后放置js代码。

来源

2017-01-04 15:17:12 Codemole

作为一个非常粗略的想法，你可以尝试以下操作：

的setTimeout（函数（）{$（ “单平面布置图＃2 ”）addClass（“ activeFloorplan”）;}，5000）;

来源

2017-01-04 15:23:51

尝试$('#2').addClass('activeFloorplan')
使用iframe。
详细信息位于代码片段中。

如果您使用WordPress，CMS或其他类型的饼干设置，结果将非常（非常非常）。

代码片段

$('#1').addClass('activeFloorplan'); 
 
$('#2').addClass('activeFloorplan'); 
 
$('#3').addClass('activeFloorplan');

body { 
 
    font: 400 12px/1.4 Verdana 
 
} 
 
#a2 { 
 
    border: 5px solid #0e0 
 
} 
 
#a3 { 
 
    border: 5px solid #e00 
 
} 
 
.activeFloorplan { 
 
    outline: 10px dashed #930; 
 
} 
 
.g { 
 
    color: green; 
 
} 
 
.b { 
 
    color: blue; 
 
} 
 
.r { 
 
    color: red; 
 
} 
 
div p { 
 
    font-size: 14px; 
 
    background: #fc1 
 
} 
 
code { 
 
    background: #05f; 
 
    color: #efe; 
 
    padding: 1px 2px; 
 
} 
 
.scroll { 
 
    font-size: 20px; 
 
    text-align: center; 
 
} 
 
.tip { 
 
    border: 2px solid tomato; 
 
    border-radius: 40%; 
 
    line-height: 3; 
 
    width:50%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<p>All nodes with the class <code>.activeFloorplan</code> have a brown dashed outline. This indicates that each time <code>.addClass()</code> was applied directly to a node's <code>id</code>, it was successful. So if there's an <code>id</code> on our target node...just 
 
    select the <code>id</code>.</p> 
 
<p class='tip'>Use <code>$('#2').addClas('activeFloorplan')</code> 
 
</p> 
 
<p class='g tip'>Try an &lt;iframe&gt; for PDFs</p> 
 
<p class='b'>&lt;embed&gt; is good for SVG</p> 
 
<p class='r'>&lt;embed&gt; is not good for PDF</p> 
 
<p>If the &lt;iframe&gt; doesn't work...check the location of said PDF.</p> 
 
<div id='al'> 
 
    <div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
    <p>This is a PDF within an &lt;iframe&gt;</p> 
 
    <iframe id="1" src="http://www.gtupw.org/articles/attachments/1358398740.pdf" frameborder='5' width='500'></iframe> 
 
</div> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<div id='a2'> 
 
    <p>This is a SVG within an &lt;embed&gt;</p> 
 
    <embed id="2" src="https://upload.wikimedia.org/wikipedia/commons/9/99/Compass_rose_simple.svg"> 
 
</div> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<div id='a3'> 
 
    <p>This is a PDF within an &lt;embed&gt;</p> 
 
    <embed id="3" src="http://www.gtupw.org/articles/attachments/1358398740.pdf"> 
 
</div> 
 
<div class='scroll'>✲✲✲END✲✲✲</div>

来源

2017-01-04 16:28:56 zer00ne

jQuery的添加类嵌入元素

回答

相关问题