Javascript jQuery和CSS div元素更改
现在我正在编写一个简单的jQuery代码,当一个点击按钮调用jQuery函数时,我在这个函数中更改了一个div的css 这是我的代码,请看一下:Javascript jQuery和CSS div元素更改,javascript,jquery,css,Javascript,Jquery,Css,现在我正在编写一个简单的jQuery代码,当一个点击按钮调用jQuery函数时,我在这个函数中更改了一个div的css 这是我的代码,请看一下: <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> function SuperWebF1() { $("#outerdiv").css({"border":"2px sol
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
function SuperWebF1()
{
$("#outerdiv").css({"border":"2px solid #e39f9f"});
alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');
}
</script>
<button type="button" onclick="billing.save();SuperWebF1();"></button>
<div id="outerdiv"></div>
当我发出警报时('SportsDirect.bg:Мъчччжжжжаааааааааааа
在$(“#outerdiv”).css({“border”:“2px solid#e39f9f”})之前代码>警报正在工作。但它不是以另一种方式工作
在所有情况下,我的CSS函数都不起作用,并且这段代码没有更改div元素的边框CSS
我的错在哪里,伙计们
在此代码之后,我还有:
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($){
$("#SubmitButton").click(function() {
$('.HeaderPostForm').hide();
$('.PleaseWait').show();
this.form.submit();
});
});
</script>
$.noConflict();
jQuery(文档).ready(函数($){
$(“#提交按钮”)。单击(函数(){
$('.HeaderPostForm').hide();
$('.plessewait').show();
这个.form.submit();
});
});
我将此作为注释。而不是使用onclick
为什么不给按钮添加一个事件侦听器,方法是给它一个id,然后像这样使用它呢
<button type="button" id="btn">Button</button>
<div id="outerdiv"></div>
$("#btn").on("click", function(){
$("#outerdiv").css({"border":"2px solid #e39f9f"});
alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');
// and add the functionality for the other click event in here too
});
按钮
$(“#btn”)。在(“单击”,函数(){
$(“#outerdiv”).css({“border”:“2px solid#e39f9f”});
警惕('SportsDirect.bg:Маааааааааааааааааааа;
//并在此处添加其他单击事件的功能
});
使用此方法在操作中显示它检查javascript控制台是否有错误。我猜jquery没有成功加载,因为您的普通javascript正在工作。我正在使用Opera如何检查控制台?为什么要在Opera中开发?它是使用最少的浏览器之一。我想你应该从Chrome开始,在其他浏览器中测试。此外,IMO chome还有最好的调试特性。点击F12打开调试器。Chrome和Opera的开发工具现在应该几乎相同,因为Opera现在使用的是与Chrome相同的引擎。您可以在Windows上使用Mac上的F12或CMD+OPTION+I打开它们。(假设您使用的是最新版本的Opera)什么是billing.save()代码>?
<button type="button" id="btn">Button</button>
<div id="outerdiv"></div>
$("#btn").on("click", function(){
$("#outerdiv").css({"border":"2px solid #e39f9f"});
alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');
// and add the functionality for the other click event in here too
});