Trang web của tôi có tập lệnh thay đổi định dạng và kiểu dáng nếu trang được xem từ thiết bị di động. Ở trang 2/3 của trang, tập lệnh hoạt động tốt, giống như tôi muốn. Nhưng ở phần cuối cùng, các tập lệnh thay đổi định dạng và kiểu chạy nhưng không chạy đầy đủ. Tôi đã thử chạy mã từ các thẻ script ở cuối và đầu tài liệu .html của mình nhưng không có gì thay đổi. Mã là:

    
    if(jQuery.browser.mobile == true) {
        cảnh báo (đúng);

        $("#siteHeader").css({
            "vị trí": "tuyệt đối",
            "chiều rộng": $(window).innerWidth + 10 + "px",
        });

        $("#mainContent").css({
            "trên cùng": "898px",
        });

        $("#queensTitle").css({
            "hiển thị": "không có",
        });

        $("#pageTitle").css({
            "text-align": "trái",
            "chiều rộng": "100%",
        });

        $("#pageTitleText").css({
            "chiều rộng": "93%",
            "lề trái": "20px",
        });

        $("#siteMenu").css({
            "padding-left": "0px",
            "padding-top": "7px",
            "chiều cao": "ban đầu",
            "lề trên": "ban đầu",
            "text-align": "trung tâm",
            "border-bottom": "28px Solid #063e53",
        });

        $(".menuItems").css({
            "chiều rộng": "100%",
            "chiều cao": "ban đầu",
            "float": "ban đầu",
            "lề": "tự động",
            "cỡ chữ": "5em",
            "độ dày phông chữ": "700",
            "đệm": "0px",
        });

        $("body").width($("#siteMenu").width() - 15).css({
        });

        if ($(location).attr("pathname") == "/drama/about-us-template.html") {
            $("#aboutUsDesc").css({
                "cỡ chữ": "1.7em",
            });

            $("#backgroundImageAU").height(247 + $("#aboutUsTitleContainer").height() + $("#aboutUsDescContainer").height() + 21);
        };
    };

#tiêu đề trang web Định dạng đã thay đổi,#mainNội dung đã thay đổi, nhưng không có gì khác đã thay đổi. Tuy nhiên, nếu tôi chạy đoạn mã trên thông qua bảng điều khiển hoặc nhấn CTRL-F5 trong khi chạy trang, nó sẽ hoạt động theo cách tôi muốn. Vấn đề có thể là gì?

(Tái bút. Tôi đã tìm kiếm stackoverflow và tìm thấy các câu hỏi có tiêu đề tương tự nhưng các tình huống hoàn toàn khác nhau, tôi đã thử các giải pháp của họ nhưng không có kết quả)

Herelà một liên kết đến trang web của tôi. Tôi đang sử dụng Trình mô phỏng thiết bị của Công cụ dành cho nhà phát triển Google Chrome và điện thoại của riêng tôi để kiểm tra Chế độ xem trên thiết bị di động.

câu trả lời hay nhất

Nếu bất cứ lúc nào một phần của jQuery không tìm thấy phần tử trong DOM, nó sẽ đưa ra một ngoại lệ và tập lệnh sẽ không thực thi nữa.

$("#queensTitle") => không xác định

và sau đó gọi

$("#queensTitle").css({ ... });

sẽ khiến tập lệnh ngừng thực thi và không có gì khác được thực thi sau đó. Bạn thực sự nên thử kiểm tra phần tử trước khi thử đặt CSS

var elem = $("#queensTitle");
nếu (elem) {
   elem.css({ "display": "none" })
}

Lưu ý rằng bạn không cần thêm dấu "," bổ sung vào giữa cuối câu lệnh và dấu "}" ở cuối vì một số trình duyệt sẽ đưa ra một ngoại lệ vì trình phân tích cú pháp yêu cầu câu lệnh bổ sung.

Bảng điều khiển trình duyệt có thực sự báo cáo bất kỳ lỗi hoặc ngoại lệ nào khi bạn chạy tập lệnh không?

Về javascript - jQuery và HTML: Tập lệnh hoạt động từ bảng điều khiển nhưng không chạy từ tệp hoặc , chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/27891792/