Javascript Can'；如果Else无法正常工作，则无法获取jquery

这可能是因为我已经盯着它太久了，我写的函数其实并没有那么复杂，但无论出于什么原因，我都无法让它正常工作。h1标记会按其应该的方式更改，但MyIf else似乎无法根据“page_layout”变量运行。我的代码在下面。。。有什么想法吗

<script>
    $(document).ready(
     function() {
         //Set text for H1 tags here
         var title = "Test title";

         //Set main-image layout here (1,2,3,4)
         var page_layout = "1";

         //If page_layout = 4, then set connected-image for top
         var connected_image = "images/connected-image.jpg";

         //Image for main-image area
         var main_image = "images/main-image.jpg";

         //Set main-image text here
         var main_image_text = "See how this works.";

         //Set main-image-text-url location
         var main_image_text_url = "http://www.example.com";

         //Do not touch this code
        $('h1').html(title);

        if (page_layout == "1"){
            $.('#main-image').css('background-image', main_image);
            $.('#main-image').css('background-position', 'top right');
            $.('#main-image').css('background-repeat','no-repeat');
            $.('#main-image').addClass('padding-21');
            $.('#main-image').html(main_image_text);
            $.('#main-image').append('<br><a href="' + main_image_text_url + '">tell me more</a>');
        }else if (page_layout == "2"){
            $.('#middle').css('font-size','15px');
            $.('#main-image').addClass('padding-21');
            $.('#main-image').html(main_image_text);
            $.('#main-image').append('<br><a href="' + main_image_text_url + '">tell me more</a>');
        }else if (page_layout == "3"){
            $.('#main-image').css('background-image', main_image);
            $.('#main-image').css('background-position', 'top left');
            $.('#main-image').css('background-repeat','no-repeat');
            $.('#main-image').addClass('padding-491');
            $.('#main-image').html(main_image_text);
            $.('#main-image').append('<br><a href="' + main_image_text_url + '">tell me more</a>');
        }else if (page_layout == "4"){
            $.('connected-image').css('background-image', connected_image );
            $.('connected-image').css('background-position', 'top right');
            $.('connected-image').css('background-repeat','no-repeat');
        }else{
            //Nothing
        }
     }
    )
</script>

$（文件）。准备好了吗(
函数（）{
//在此处设置H1标记的文本
var title=“测试标题”；
//在此处设置主图像布局（1,2,3,4）
var page_layout=“1”；
//如果page_layout=4，则为顶部设置连接的图像
var connected_image=“images/connected image.jpg”；
//主图像区域的图像
var main_image=“images/main image.jpg”；
//在此处设置主图像文本
var main\u image\u text=“看看它是如何工作的。”；
//设置主图像文本url位置
var main\u image\u text\u url=”http://www.example.com";
//请勿触摸此代码
$（'h1'）.html（标题）；
如果（页面布局==“1”）{
$.（“#主图像”）.css（“背景图像”，主图像）；
$.（“#主图像”）.css（'background-position'，'top-right'）；
$.（“#主图像”）.css（'background-repeat'，'no-repeat'）；
$.（“#主图像”）.addClass（'padding-21'）；
$.（'main image'）.html（main#image#text）；
$.（“#主图像”）.append（“
”）；
}否则如果（页面布局=“2”）{
$.（“#中间”）.css（'font-size'，'15px'）；
$.（“#主图像”）.addClass（'padding-21'）；
$.（'main image'）.html（main#image#text）；
$.（“#主图像”）.append（“
”）；
}否则如果（页面布局=“3”）{
$.（“#主图像”）.css（“背景图像”，主图像）；
$.（“#主图像”）.css（'background-position'，'top-left'）；
$.（“#主图像”）.css（'background-repeat'，'no-repeat'）；
$.（“#主图像”）.addClass（'padding-491'）；
$.（'main image'）.html（main#image#text）；
$.（“#主图像”）.append（“
”）；
}否则如果（页面布局=“4”）{
$.（'connected-image'）.css（'background-image'，connected_-image）；
$.（'connected-image'）.css（'background-position'，'top-right'）；
$.（'connected-image'）.css（'background-repeat'，'no-repeat'）；
}否则{
//没什么
}
}
)

对于初学者，您应该在javascript控制台中看到一些语法错误。您需要将选择器从

$（'selector'）

更改为

$（'selector'）

（在

$

之后删除

）

---

另外，

$（'connected-image'）

可能应该使用类选择器

$（'.connected-image'）

对于初学者，您应该在javascript控制台中看到一些语法错误。您需要将选择器从

$（'selector'）

更改为

$（'selector'）

（在

$

之后删除

）

---

另外，

$（'connected-image'）

可能应该使用类选择器

$（'.connected-image'）

可能还有其他问题，因为它并不清楚您看到的是什么行为，但您不应该在$和打开参数之间使用句点

即

不是

---

可能还有其他问题，因为你看不清楚你看到的是什么行为，但是你不应该在$s和open paren之间有一段时间

即

不是

---

在每个if-else块中，添加：

console.log("This is case 1");

// ... do this inside each if-else {...}

console.log("This is case 4");

---

然后在firebug控制台打开的情况下重新加载页面，并检查这些块是否正在执行。如果是，则您知道您的If-else条件工作正常，并且If-else块中的语句肯定有问题。

在每个If-else块中，添加：

console.log("This is case 1");

// ... do this inside each if-else {...}

console.log("This is case 4");

---

然后在firebug控制台打开的情况下重新加载页面，并检查这些块是否正在执行。如果是，那么您知道您的If-else条件工作正常，并且If-else块中的语句一定有问题。

您的代码在做什么，您希望它做什么？我觉得

If

语句很好。。。代码没有做您期望它做的事情是什么？你把所有的代码都包括进去了吗？因为对我来说，它表明

页面布局

的值是动态变化的……jQuery不支持IF-Else。这就是JavaScript。我假设还有更多的代码没有共享。基于page_layout变量，某些CSS属性需要应用于各种div。我在主$（document）.ready函数中的结构是否有误？您的代码在做什么？您希望它做什么？我觉得

if

语句很好。。。代码没有做您期望它做的事情是什么？你把所有的代码都包括进去了吗？因为对我来说，它表明

页面布局

的值是动态变化的……jQuery不支持IF-Else。这就是JavaScript。我假设还有更多的代码没有共享。基于page_layout变量，某些CSS属性需要应用于各种div。我在主$（document.ready）函数中的结构是否有误？哇，我怎么会错过这个呢？这个很好用。对不起打扰你们了。哇，我怎么会错过呢？这个很好用。对不起打扰你们了。

console.log("This is case 1");

// ... do this inside each if-else {...}

console.log("This is case 4");