ยังไงเพื่อซ่อนเนื้อหาเมื่อตัวเลือกกาเลือกตัวเลือกและแสดงตอนที่ตัวเลือกโดยไม่ตรวจสอ?

0

คำถาม

ผมมีสังคมออนไลน์หน้าเว็บหลัก newsfeed blocker chrome เลื่อนเวลาออกไปหน่อย ฉันอยากจะกลิ้งออกไปคุณสมบัติใหม่ที่อยู่ของฉันพิเวอร์ชั่นที่ที่ผู้ใช้สามารถเปลี่ยนที่แหล่งป้อนของบุคคลหนึ่งเว็บไซต์หรือปิดอยู่ในเมนูการตั้งค่า. ฉันต้องสร้าง settings.html และเป็น background.js แฟ้ม Settings.html จะเป็นการตั้งค่าหน้าที่ที่ผู้ใช้สามารถเปลี่ยนที่แหล่งป้อนบนหรือออกไปกับ checkboxes.

สิ่งที่ฉันต้องการรหัสต้องจัสติสลีกออฟอเมริกาฉันต้องการกลับบ้านหน้า newsfeed ต้องซ่อนตัวถ้าผู้ใช้เช็คที่กล่องนั้นไม่อย่างนั้นฉันต้องการแหล่งป้อนการแสดง

ฉันต้องสงสัยในรหัสมันไม่ทำงานฉันเพราะฉันต้องทำบางอย่างเปลี่ยนแปลงของรายการlanguage แฟ้ม

ใบรายการแฟ้มต่อไปนี้ทั้งหมด(ผมเอาออกมาแล้วส่วนตัวของกับ"//"

{
    "manifest_version": 2,
    "name": "//",
    "version": "//",
    "description": "//",
    "author": "//",

    "icons": {
        "128": "//"
    },

    "content_scripts": [{
        "html": ["settings.html"],
        "js": ["jquery-3.6.0.min.js", "background.js"],
        "css": ["tiktok.css", "linkedin.css", "youtube.css", "insta.css", "facebook.css", "twitter.css", "reddit.css", "settings.css"],
        "matches": ["https://www.tiktok.com/*", "https://www.linkedin.com/*", "https://www.youtube.com/*", "https://www.instagram.com/*", "https://www.facebook.com/*", "https://twitter.com/*", "https://www.reddit.com/"]
    }],
    
    "background":
    {
        "scripts": ["jquery-3.6.0.min.js", "background.js"]
    },

    "browser_action": {
        "default_title": "//",
        "default_popup": "//"
    }
}

คนแบบ HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset = ”UTF-8”>
        <script src="jquery-3.6.0.min.js"></script>
        <script src = "background.js"></script>
        <title>Settings</title>
    </head>
    <body class="settings">
        <h1 class = "classa">Settings</h1>
        <h2>Feed Blocking Preferences</h2>
        <h4>Checkboxes to turn all or individual feeds on or off.</h4>
        <input type="checkbox" class = "jiji" id="fbbox">//</input>
    </body>
</html>

เข้ารหัสทางด้านล่างเรียน"jiji"สำหรับนำเข้าข้อมูลของฉันอีลีเมนต์(กาตัวเลือก)ใน settings.html แฟ้ม คลาส"tn0ko95a"นั่นสำหรับชั้นเรียนที่ซ่อนหน้าเว็บหลัก newsfeed อยู่บนพวงของพวกสื่อออนไลเว็บไซต์ นี่มันไม่ใช่ของตัวเองเรียนฉันได้มันมาจากมาทำอะไร'ตรวจสอบอีลีเมนต์'บนเว็บไซต์ของสังคมออนไลน์.

นี่รหัสทำงาน:

$(function () {
 $(".tn0ko95a").hide();
});

แต่ตอนที่ฉันเพิ่มมากขึ้นในการนี้ของรหัสมันไม่ทำงาน:

$(function () {
  $(".jiji").click(function () {
    if ($(this).is(":checked")) {
      $(".tn0ko95a").hide();
    } else {
      $(".tn0ko95a").show();
    }
  });
});

แล้วทำไมถึงเป็นครั้งสุดท้ายที่รหัสไม่ได้ทำงาน?

1

คำตอบที่ดีที่สุด

0

พยายามเปลี่ยนแทนที่จะเป็นของคลิก

$(function () {
  $(".jiji").change(function () {
    if ($(this).is(":checked")) {
      $(".tn0ko95a").hide();
    } else {
      $(".tn0ko95a").show();
    }
  });
});

หรือคุณสามารถใช้เมาส์ลงเห็นตัวอย่างเช่น jQuery ตัวเลือกเปลี่ยนแปลงและคลิกเหตุการณ์

2021-11-18 19:51:06

ขอบคุณ แล้วเรื่องแบบ HTML นำเข้าข้อมูลธาตุ? คุณมีอะไรแนะนำผมเปลี่ยนที่นั่น? ฉันได้ยินว่าเราไม่จำเป็นต้องเพิ่ม onchange หรือ onclick=...ถ้าใช้ jquery. นั่นคือเรื่องจริงเหรอ?
abc_13

<นำเข้าข้อมูลประเภท="ตัวเลือก"เรียน="jiji"ชื่อ="fbbox"/>
Wamiq Rehman

พวกเราไม่ได้ปิดบังอะไร onchange อยู่ในเหตุการณ์นำเข้าข้อมูลคำตอบให้เป็นมาเท่านั้นได้โดย jquery
Wamiq Rehman

เฮ้! คำตอบไม่ได้เรื่องเลย ฉันต้องสงสัยฉันต้องการเพื่อให้การเปลี่ยนแปลงบางคใบสินค้า บางทีฉันอาจต้องใช้บางอย่า chrome รูปแบบ api ต้องทำให้มันทำงานแล้ว
abc_13

เป็นคำถามซึ่งธาตุในรหัสของคุณ(หรืออื่นอีลีเมนต์ไม่ได้มาจากของคุณรหัส)คุณต้องการจะซ่อน
Wamiq Rehman

เอ่อคลาสเป็นเพื่อ div ธาตุกับอีกส่วนประกอบอยู่ข้างใน มันพื้นฐานแล้วซ่อนหน้าเว็บหลัก newsfeed อยู่บนพวงของพวกสื่อออนไลเว็บไซต์
abc_13

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่