2017-04-05 66 views
-1

我有问题试图调整我的iframe。我希望能够添加和删除一个类,以便它可以变宽变小。出于某种原因,我甚至无法添加课程。有什么建议么?试图删除一个类,并添加一个类与jquery

$(document).ready(
 
    $('#resize').onclick(function() { 
 
    $('.frame_wrap').addclass('test'); 
 
    }) 
 
)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="preview_site"> 
 
    <div class="preview_wrap"> 
 
    <iframe class="frame_wrap" src="https://www.bdanzer.com"></iframe> 
 
    </div> 
 
</div> 
 

 
<button id="resize">Button</button>

http://jsfiddle.net/fesye0mu/3/

+4

尝试使用正确的函数名称'addClass'。案件事宜。另外,'onclick'应该是'click'。文件准备就绪后,您也没有匿名功能。 – Arg0n

+0

@ Arg0n你的意思是“文件准备中没有匿名函数”? – Bdanzer

+0

看到我的解决方案和差异的答案。 – Arg0n

回答

3

你需要传递一个function$(document).ready()

addclass应该是addClass,大写C

onclick只是click jQuery中:

$(document).ready(function() { 
 
    $('#resize').click(function() { 
 
    $('.frame_wrap').addClass('test'); 
 
    }) 
 
});
.test { 
 
    border: 5px solid blue; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="preview_site"> 
 
    <div class="preview_wrap"> 
 
    <iframe class="frame_wrap" src="https://www.bdanzer.com"></iframe> 
 
    </div> 
 
</div> 
 

 
<button id="resize">Button</button>

+0

啊,是的课堂上的资本C是在那里搞砸了我。如果我想检查是否有语句,如果他的这个类然后删除,或者如果它没有这个类添加。那有意义吗? – Bdanzer

+0

@Bananzer jQuery有一个'toggleClass'函数,它可以完成你想要的功能。 http://api.jquery.com/toggleclass/ – Arg0n

+0

谢谢!工作! – Bdanzer

0

没有作为onclick这样的功能在jquery

应当click(function(){})on('click', function(){})。此外addclass应该addClass

更改为

$(document).ready(
    $('#resize').click(function() { 
    $('.frame_wrap').addClass('test'); 
    }) 
) 
0

您应该使用addClass(),而不是addclass,因为它是区分大小写。