Javascript jquery$（“someID”）.width（变量+；'；px'；）工作，现在不工作

我主要使用php，但决定学习javascript和jquery。为wordpress主题编写此脚本。它当时工作正常，突然，只是没有反应——似乎变量没有被识别出来。由于我不熟悉js和jquery，这可能是我的缺点，但客户端脚本似乎太不稳定了——我不明白为什么它如此流行。以下是脚本：

var $j = jQuery;


$j(function(){

 var curhthMB = $j("#block_main").outerheight();
 /* if(curhthMB < 350) {
   hthMB = 350; }
 else {
   hthMB = curhthMB; } */  

 var widSBL = $j("#block_left").outerWidth();
 var mleft = widSBL;
 var mwidth = 890 - widSBL;

 $j("#block_left").height(curhthMB+'px');
 $j("#block_right").height(curhthMB+'px');

 $j("#block_main").css('left', mleft+'px');
 $j("#block_main").width(mwidth+'px');

 if(widSBL < 10) {
   $j("#block_left").css('border', 'none');
   $j("#block_main").css('margin', '0 20px 0 10px'); }

});

var$j=jQuery；
$j（函数（）{
var curhthMB=$j（“#block_main”）.outerheight（）；
/*如果（curhthMB<350）{
hthMB=350；}
否则{
hthMB=curhthMB；}*/
var widSBL=$j（“#block_left”）.outerWidth（）；
var mleft=widSBL；
var mwidth=890-widSBL；
$j（“#块左”）。高度（curhthMB+'px'）；
$j（“#块右”）。高度（curhthMB+'px'）；
$j（“#block_main”）.css（'left'，mleft+'px'）；
$j（“#块#main”）。宽度（mwidth+'px'）；
如果（widSBL<10）{
$j（“#block_left”）.css（'border'，'none'）；
$j（“#block_main”）.css（'margin'，'0 20px 0 10px'）；}
});

您应该尝试更多地使用css

试试这个

$('#someid').css('width',variable+'px')

客户端脚本是未来！！如果你不能展示你的PHP技能，你将如何给人留下深刻印象！；）

var$j=jQuery；
$j（函数（）{
var curhthMB=$j（“#block_main”）.outerheight（）；
/*如果（curhthMB<350）{
hthMB=350；}
否则{
hthMB=curhthMB；}*/
var widSBL=$j（“#block_left”）.outerWidth（）；
var mleft=widSBL；
var mwidth=890-widSBL；
$j（“#block_left”）.css（'height'，curhthMB+'px'）；
$j（“#block_right”）.css（'height'，curhthMB+'px'）；
$j（“#block_main”）.css（'left'，mleft+'px'）；
$j（“#block_main”）.css（'width'，mwidth+'px'）；
如果（widSBL<10）{
$j（“#block_left”）.css（'border'，'none'）；
$j（“#block_main”）.css（'margin'，'0 20px 0 10px'）；}
});

浏览器控制台中的任何错误可以提供一个JSFIDLE以便我们检查错误是什么吗？因为我是js新手，甚至不知道JSFIDLE。但谢谢你，我以后会用的。由于这是针对wordpress的，有相当多的内置函数生成内容，因此实际上必须重写html以在JSFIDLE中进行测试，但有时会尝试。非常感谢你分享关于JSIDdle的知识解决了这个问题，我没有在outerHeight中大写H——一个愚蠢的新手错误。我只是想建议sameDo你是说我应该使用css而不是js？此脚本旨在根据添加的小部件更改内容块。不确定css是否能做到这一点。然而，如果你的意思是我应该像你上面展示的那样使用.css操作，我一定会尝试这种方法。谢谢分享。此外，我们一直在考虑将其拆分为更小的功能，也许它会提供更好的性能。是的，我们一直在阅读js是未来的发展趋势，但只是不喜欢所有对浏览器的依赖。不知道你所说的php技能是什么意思。js所做的一切在php中都是做不到的，尽管有很多关于js的宣传，但不要认为php很快就会走向任何地方（如果node.js和mongoDB真的取代了Lamp堆栈，那么我会担心）——但由于js是一种流行的技能，我会学到更好的知识。谢谢你的帮助。好了，解决了，我愚蠢的新手错误——需要在outerHeight（）中大写H。没有解释的代码几乎总是无用的。请解释这个问题以及为什么你的答案能解决它。我确实在这页的顶部解释过。很抱歉，这个密码被转载了。这是我的第一篇文章，所以我不知道为什么代码被发布了两次。再次解释：这段代码工作正常，然后就停止了工作。它根据添加或删除的小部件调整wordpress主题的内容容器。感谢您的帮助。解决这个问题的办法是，我没有正确地写outerHeight，没有将H，newbie错误大写。

var $j = jQuery;

$j(function(){

 var curhthMB = $j("#block_main").outerheight();
 /* if(curhthMB < 350) {
   hthMB = 350; }
 else {
   hthMB = curhthMB; } */  

 var widSBL = $j("#block_left").outerWidth();
 var mleft = widSBL;
 var mwidth = 890 - widSBL;

 $j("#block_left").css('height', curhthMB+'px');
 $j("#block_right").css('height', curhthMB+'px');

 $j("#block_main").css('left', mleft+'px');
 $j("#block_main").css('width', mwidth+'px');

 if(widSBL < 10) {
   $j("#block_left").css('border', 'none');
   $j("#block_main").css('margin', '0 20px 0 10px'); }

});