Tengo un medio de comunicación social página de inicio de suministro de noticias bloqueador de extensión de chrome. Quiero implementar una nueva característica en mi próxima versión donde los usuarios pueden activar la alimentación de los sitios individuales o desactivar en el menú de configuración. He construido una settings.html y un background.js archivo. Settings.html será la configuración de la página donde los usuarios pueden activar las fuentes o desactivar las casillas de verificación.
Lo que yo quiero el código para hacer: quiero que la página de inicio de suministro de noticias para ocultar si el usuario se comprueba en el cuadro, de lo contrario, quiero que el feed para mostrar.
Sospecho que el código no está funcionando porque tengo que hacer algunos cambios en mi manifiesto.archivo json.
El archivo de manifiesto tiene la siguiente (he quitado cosas privadas con "//"
{
"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": "//"
}
}
El 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>
En el código de abajo, la clase "jiji" es para mi el elemento de entrada (la casilla) en el settings.html archivo. La clase "tn0ko95a" es para la clase que esconde la página de inicio de suministro de noticias en un sitio web de redes sociales. Este no es mi propia clase, llegué a esto de hacer 'inspeccionar elemento' en el sitio web de redes sociales.
Este código funciona:
$(function () {
$(".tn0ko95a").hide();
});
Pero cuando puedo añadir más a este código, no funciona:
$(function () {
$(".jiji").click(function () {
if ($(this).is(":checked")) {
$(".tn0ko95a").hide();
} else {
$(".tn0ko95a").show();
}
});
});
Entonces, ¿por qué es el último código no funciona?