J'ai un de médias sociaux de la page d'accueil du fil d'actualité bloqueur chrome extension. Je veux déployer une nouvelle fonctionnalité dans ma prochaine version où les utilisateurs peuvent activer l'alimentation de sites individuels ou désactivée dans le menu des paramètres. J'ai construit une settings.html et un background.js fichier. Settings.html seront les paramètres de la page où les utilisateurs peuvent activer les flux sur on ou off avec les cases à cocher.
Ce que je veux le code pour le faire: je veux que la page d'accueil du fil d'actualité de se cacher si l'utilisateur coche la case, sinon, je veux le nourrir à montrer.
Je soupçonne que le code ne fonctionne pas parce que j'ai besoin de faire quelques modifications à mon manifeste.fichier json.
Le fichier manifeste est la suivante (j'ai enlevé privé des trucs avec des "//"
{
"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": "//"
}
}
Le code 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>
Dans le code ci-dessous, la classe "jiji" est mon élément d'entrée (la case) dans le settings.html fichier. La classe "tn0ko95a" est pour la classe qui cache la page d'accueil du fil d'actualité sur un site web social media. Ce n'est pas ma propre classe, je l'ai obtenu de faire "inspecter l'élément" sur les médias sociaux site web.
Ce code fonctionne:
$(function () {
$(".tn0ko95a").hide();
});
Mais quand je ajouter de plus à ce code, il ne fonctionne pas:
$(function () {
$(".jiji").click(function () {
if ($(this).is(":checked")) {
$(".tn0ko95a").hide();
} else {
$(".tn0ko95a").show();
}
});
});
Alors pourquoi est le dernier code ne fonctionne pas?