나는 소셜 미디어 홈페이지의 뉴스 피드 차단 크롬 확장 프로그램. 내가 원하는 롤에 새로운 기능을 내 앞으로 버전을 사용자가을 설정할 수 있습 피드의 개별 사이트에서 설정 메뉴로 이동합니다. 내가 내장 settings.html 고 background.js 파일입니다. Settings.html 이 될 것입 설정 페이지로 설정할 수도 있습 피드 오는 확인란을 선택합니다.
내가 무엇을 원하는 코드를 하고 싶고,홈 페이지의 뉴스 피드를 숨기는 사용자의 경우에 확인 상자,그렇지 않으면 내가 원하는 먹이를 표시합니다.
나는 코드가 작동하지 않기 때문에 제가 만들 필요가 일부 변경 내 manifest.json 파일입니다.
매니페스트 파일은 다음과 같은(나는 개인으로"//"
{
"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"나는 입력소(checkbox)에 settings.html 파일입니다. 클래스"tn0ko95a"은 클래스를 숨기는 홈페이지의 뉴스에 소셜 미디어 웹 사이트입니다. 이것은 나 자신의 클래스,나는 이 일에서''요소 검사에 소셜 미디어 웹 사이트입니다.
이 코드를 작동합니다:
$(function () {
$(".tn0ko95a").hide();
});
하지만 내가를 더 추가 이 코드,그것은 작동하지 않습니다.
$(function () {
$(".jiji").click(function () {
if ($(this).is(":checked")) {
$(".tn0ko95a").hide();
} else {
$(".tn0ko95a").show();
}
});
});
왜 마지막 코드 작동하지 않습니까?