javascript - Jquery hover event stuck on clone elements -

I am creating a plugin with portfolio for portfolio items. Everything works fine but the problem is that when I apply the filter, the hover effect has stopped working on cloned items

jquery code is given below I tried

  / * scroll up button * / jQuery (document) .ready (function () {// anime box shadow add some over / overlay on elements. We do not need it in HTML so we make it here Closed Plugin var $ portfolioClone = jQuery ("Rudra-Portfolio") Clone (true); // Click on each click event handler jQuery (click on ". Rudra-portfolio-filter") (function (e) {jQuery ("Rudra-portfolio-filter took"). Get the class attribute value of the ClickClass ("current") // link clicked var $ filterClass = jQuery (this) .Parent (). Attr ("class"); if ($ filterClass == "all") { Var $ filteredPortfolio = $ portfolioClone.find ("li");} and {var $ filteredPortfolio = $ portfolioClone.find ("li [d] at-type ~ =" + $ filter class + "]");} // Call druid jQuery ("ul.rudra-port Folio "). Quicksand ($ filtered portfolio, {duration: 500, easy: 'camerainautuqua'}); JQuery (this) .parent () addClass ("current"). // Stop the browser jumping for link anchor e.preventDefault (); }) JQuery ("Port-Lee"). Click (function () {jQuery (this) .Find ('content-wrapper') slidedown ();}); JQuery ("Overeffect"). Mouseover (function () {jQuery (this) .find ('content-wrapper'). Slidedown ();}); JQuery ("#Portfolio-Grid Li") Mouseleave (function () {jQuery ('content-wrapper'). SlideUp (500);}); });  

Hour effect is working fine for the first and second times, but after that, it stopped working.

Update

I also tried