के अंदर तरल टैग मान लीजिए मेरे पास दो लिंक हैं: "सभी पोस्ट" और "व्यक्तिगत"। जब उपयोगकर्ता "व्यक्तिगत" लिंक पर क्लिक करता है, तो उसे केवल उन पदों को देखना चाहिए जिनमें "व्यक्तिगत" श्रेणी है। अभी, तरल टैग {% for post in site.posts %}
है। मैं जानना चाहता हूं कि जावास्क्रिप्ट से परिवर्तनीय site.posts
तक पहुंचने का कोई तरीका है, ताकि मैं क्लिक ईवेंट सुन सकूं और गतिशील रूप से पोस्ट को फ़िल्टर कर सकूं। यदि नहीं, तो मुझे क्या करना चाहिए?जैकिल: जावास्क्रिप्ट
8
A
उत्तर
14
आप जेकिल को किसी भी खाली फ्रंट मामले को जोड़कर किसी भी फाइल को पार्स कर सकते हैं।
उदाहरण: आस्तियों/जे एस/script.js
संपादित 16/07/28: आप उपयोग कर सकते jsonify
filter किसी भी हैश या सरणी के लिए
---
---
{{ site.posts | jsonify }}
पुराना जवाब
---
---
{% capture posts %}
[
{% for post in site.posts %}
{
"title" : "{{ post.title }}",
"url" : "{{ post.url }}",
"date" : "{{ post.date | date: "%B %d, %Y" }}",
"content" : "{{ post.content | escape }}"
} {% if forloop.last %}{% else %},{% endif %}
{% endfor %}
]
{% endcapture %}
var posts = {{posts | strip_newlines}}
यह site.posts
ऑब्जेक्ट संग्रह को json
फ़ॉर्म में रखेगा और उन्हें आपको जावास्क्रिप्ट posts
var में विशेषता देगा।
संबंधित मुद्दे
- 1. जैकिल
- 2. जैकिल - post.url
- 3. जैकिल ने
- 4. जैकिल ऑटो रीलोडिंग
- 5. जैकिल एकाधिक पोस्ट प्रकार
- 6. जैकिल तरल अपवाद: विंडोज
- 7. जैकिल और कस्टम सीएसएस
- 8. जैकिल पोस्ट ऑर्डर
- 9. जैकिल का "--auto" काम नहीं करता है?
- 10. जैकिल बूटस्ट्रैप आधारित ब्लॉग - एक्सपियर हेडर?
- 11. जैकिल - पृष्ठ एक पोस्ट है तो लेआउट बदलें?
- 12. क्या जैकिल के साथ पोस्ट शेड्यूल करना संभव है?
- 13. क्या जैकिल की स्थापना ओएसएक्स पर जीसीसी की आवश्यकता है?
- 14. मैं जैकिल में स्मार्ट उद्धरण कैसे बंद करूं?
- 15. मैं एक जैकिल ब्लॉग में साइट खोज सुविधा कैसे जोड़ सकता हूं?
- 16. मैं जैकिल में एक पोस्ट अंश कैसे प्राप्त कर सकता हूं?
- 17. जैकिल बिल्ड _site (उत्पादन) फ़ाइलों में 'लोकलहोस्ट' लिंक डाल रहा है
- 18. जावास्क्रिप्ट: जावास्क्रिप्ट
- 19. GitHub पेजों के निर्माण के दौरान जावास्क्रिप्ट को कम करें?
- 20. जावास्क्रिप्ट परिवर्तन जावास्क्रिप्ट को
- 21. जावास्क्रिप्ट: जावास्क्रिप्ट मान
- 22. जावास्क्रिप्ट
- 23. जावास्क्रिप्ट
- 24. जावास्क्रिप्ट
- 25. जावास्क्रिप्ट
- 26. जावास्क्रिप्ट
- 27. जावास्क्रिप्ट
- 28. जावास्क्रिप्ट
- 29. जावास्क्रिप्ट
- 30. जावास्क्रिप्ट
यह मुझे त्रुटि देता है "Uncaught SyntaxError: अप्रत्याशित टोकन {" जैसे ही मैं तरल टैग –
सत्य शामिल करता हूं। मैंने अपना जवाब संपादित कर लिया है। –
मेरी जेएस फ़ाइल के शीर्ष पर खाली फ्रंट पदार्थ जोड़ना 'तरल अपवाद: सिंटेक्स त्रुटि: अप्रत्याशित टोकन' चेतावनी ट्रिगर करने का कारण बनता है। – user3411192