html - Tumblr theme getting tags of a post in JavaScript -


i want use tags of post in javascript. tags using following:

<article class="post" data-tags="{tagsasclasses}">

this worked fine until needed use special characters | becomes _ property , gives me wrong tag.

so need (using {block:tags}):

<article class="post" data-tags="{block:hastags}{block:tags}{tag}{/block:tags}{/block:hastags}">

yet foresee problems if {tag} ever has double quote in it.

is there way can keep data-tags attribute , still use {block:tags} real tag?

i have come solution involves adding , reading bunch of markup don't much.

<div class="posthiddentags" style="display:none;">     {block:hastags}         {block:tags}<div data-tag={jstag} data-tagurl={jstagurl}></div>{/block:tags}     {/block:hastags} </div>

if need tags in javascript, can define them in <script> tag start. in theme html:

<script>     var tags = {};      {block:posts}     {block:hastags}     tags[{jspostid}] = [         {block:tags}         {             "tag": {jstag},             "tagurl": {jstagurl},         },         {/block:tags}     ];     {/block:hastags}     {/block:posts} </script>

you have global javascript dictionary, post's id list of tags (and tag urls). "js" prefix output string wrapped in quotes.

in each of post elements, add attribute post id:

{block:posts} <article data-id="{postid}" class="post"></article> {/block:posts}

you can have {block:posts} multiple times in template, although the theme documentation not mention this.

whenever need post's tags, post id dom element, id in tag dictionary. way don't have worry escaping/un-escaping special characters.


-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

swift - Button on Table View Cell connected to local function -

i have table view cell loaded data parse request. loads "friend requests", showing requesting friends name , 2 buttons, "accept" , "reject" here cellforrowatindexpath func: func tableview(tableview: uitableview, cellforrowatindexpath indexpath: nsindexpath) -> uitableviewcell { let cell:notifications_jlr_cell = self.tableview.dequeuereusablecellwithidentifier("cell") as! notifications_jlr_cell cell.txtrequestdesc.text = searchresults[indexpath.row].requesteename + " has requested friend" cell.btnapprove_outlet.addtarget(self, action:selector("approve"), forcontrolevents: uicontrolevents.touchupinside) return cell } the table loads fine, , addtarget line, once "approve" button clicked, runs func: func approve() { println("approve") } however, when fetching parse data, have set in array, objectid friend request, want refer in approve() function how can pass objectid ...
Read more