मैं एक सामाजिक मीडिया होमपेज newsfeed अवरोधक क्रोम एक्सटेंशन है. मैं चाहता हूँ बाहर रोल करने के लिए एक नई सुविधा में अपने आगामी संस्करण जहाँ उपयोगकर्ताओं को बारी कर सकते हैं फ़ीड के अलग-अलग साइटों पर या सेटिंग्स मेनू में बंद. मैं का निर्माण किया है एक settings.html और एक background.js फ़ाइल. Settings.html हो जाएगा जहां सेटिंग्स पृष्ठ पर उपयोगकर्ताओं को बारी कर सकते हैं फ़ीड के साथ पर या बंद चेक बॉक्स.
क्या मैं चाहता हूँ कोड करने के लिए करते हैं: मैं घर पृष्ठ newsfeed को छिपाने के लिए यदि उपयोगकर्ता चेक बॉक्स पर, अन्यथा, मैं करना चाहते हैं फ़ीड दिखाने के लिए.
मैं संदिग्ध कोड काम नहीं कर रहा है क्योंकि मैं कुछ बदलाव करने की जरूरत के लिए मेरे 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>
नीचे दिए गए कोड में, वर्ग "जीजी" के लिए इनपुट तत्व (चेकबॉक्स) में settings.html फ़ाइल. वर्ग "tn0ko95a" है कि वर्ग के लिए छुपाता मुखपृष्ठ newsfeed पर एक सोशल मीडिया वेबसाइट है । यह नहीं है अपने स्वयं के वर्ग है, मैं यह करने से 'तत्व का निरीक्षण' पर सोशल मीडिया वेबसाइट है ।
इस कोड काम करता है:
$(function () {
$(".tn0ko95a").hide();
});
लेकिन जब मैं और अधिक जोड़ने के लिए इस कोड में, यह काम नहीं करता है:
$(function () {
$(".jiji").click(function () {
if ($(this).is(":checked")) {
$(".tn0ko95a").hide();
} else {
$(".tn0ko95a").show();
}
});
});
तो क्यों पिछले कोड काम नहीं कर रहा?