Php and jQuery more and less text using load more

Question

I am going to try more less text for my website. Here is my DEMO from codepen.io

So my website is SocialNetwork like Facebook. Some user was posting a long text I need less more text plugin because of this.

Now my website main page showing last 10 post and when users scroll down then user see show more post button. So if user click show more post then my jQuery more less plugin not working. What should I do for it anyone can help me ?

$(document).ready(function() {      
  $(".comment").shorten();      
  $(".comment-small").shorten({showChars: 50});    
 });

And this is my AJAX code for load more posts:

$('.more').die('click').live("click",function() {   
  var ID = $(this).attr("id");
  var P_ID = $(this).attr("rel");
  var URL=$.base_url+'post_more_ajax.php';
  var dataString = "lastid="+ ID+"&profile_id="+P_ID;
  if(ID) {
    $.ajax({
      type: "POST",
      url: URL,
      data: dataString, 
      cache: false,
      beforeSend: function() {
        $("#more"+ID).html('<img src="wall_icons/ajaxloader.gif" />'); 
      },
      success: function(html) {
        $("div#contentpostwallarea").append(html);
        $("#more"+ID).remove();
      }
    });
  } else {
    $("#more").html('The End');// no results
  }   
  return false;
});

How you mean "it's not working"? it works fine in your codepen... — Roko C. Buljan, Dec 21 '14 at 16:11
@RokoC.Buljan Yes my codepen io working fine. But if you write my question then you see What is my problem.. — innovation, Dec 21 '14 at 16:19
So once new ajax request done, recall plugin on (and better **only** on) new added elements — A. Wolff, Dec 21 '14 at 16:24
@innovation you have to rerun this code in callback of ajax response $(".comment").shorten(); $(".comment-small").shorten({showChars: 50}); — Jain, Dec 21 '14 at 16:24
@A.Wolff I edited my question can you tell me how can i add shorten code in my AJAX function ? Can you help me in this section ? — innovation, Dec 22 '14 at 12:43
Which part did not you understand??? It is clearly explain in my previous comment — A. Wolff, Dec 22 '14 at 12:45
@A.Wolff I added my shorten code in AJAX but it didn't work. — innovation, Dec 22 '14 at 12:55
Maybe you are doing something wrong. Without seeing it, i can just wondering... — A. Wolff, Dec 22 '14 at 12:57
@A.Wolff I added `$(".comment").shorten();` in my AJAX after `success: function(html){ $(".comment").shorten();` but when i click `#more` button other showing post not shorten and before showing post will going to be shorten. I want to help here Dear sir. — innovation, Dec 22 '14 at 13:11
@A.Wolff sorry for my english. Can you give me a little example? — innovation, Dec 22 '14 at 13:27
Try: `success: function(html){ $("div#contentpostwallarea").append(html).find(".comment").shorten(); ...}` — A. Wolff, Dec 22 '14 at 13:45

score 0 · Answer 1 · edited May 23 '17 at 10:26

0

I think you need to bind click dynamically you can see solution here In jQuery, how to attach events to dynamic html elements?

edited May 23 '17 at 10:26

Community

1
1

answered Dec 21 '14 at 16:13

Tornike

1,245
12
35

Delegation is for events, not for plugins (even some plugins can implement some delegation option but that's up to plugin author) – A. Wolff Dec 21 '14 at 16:23
@KoKo you cann't bind any event until plugin not provided it or you cann't change its core code – Jain Dec 21 '14 at 16:28

Php and jQuery more and less text using load more

1 Answers1