Am un social media pagina de start newsfeed blocker extensia chrome. Vreau să se rostogolească o caracteristică nouă în versiunea viitoare în cazul în care utilizatorii pot transforma hrana de site-uri individuale on sau off în meniul de setări. Am construit o settings.html și o background.js fișierul. Settings.html va fi pagina de setări în cazul în care utilizatorii pot transforma feed-uri de pe sau off cu casetele.
Ceea ce vreau codul pentru a face: vreau ca pagina de start newsfeed pentru a ascunde dacă utilizatorul verifică pe cutie, altfel, vreau alimentare pentru a arăta.
Bănuiesc că acest cod nu este de lucru pentru că am nevoie pentru a face unele modificări pentru a-mi manifesta.fișier json.
Fișierul manifest are următoarele (am scos privat chestia cu "//"
{
"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>
În codul de mai jos, clasa "jiji" este pentru element de intrare (caseta) în settings.html fișierul. Clasa "tn0ko95a" este pentru clasa care ascunde pagina de start newsfeed pe un site de social media. Asta nu e clasa mea, am primit asta de la a face 'inspect element de pe site de social media.
Acest cod funcționează:
$(function () {
$(".tn0ko95a").hide();
});
Dar când am adăuga mai mult la acest cod, nu merge:
$(function () {
$(".jiji").click(function () {
if ($(this).is(":checked")) {
$(".tn0ko95a").hide();
} else {
$(".tn0ko95a").show();
}
});
});
Deci, de ce este ultimul cod nu funcționează?