Forum Discussion

cike's avatar
cike
Champion
11 years ago

"Unterminated String literal" error when append component

Hey guys,   I'm trying to append a component (e.g. pagination) to my page using jQuery's append()-function:   $("mySelector").append('<@component id="common.widget.pager"/>');   But this piece ...
cike's avatar
cike
Champion

I've got three custom components which will be displayed using a tabbing navigation. Each of these components uses a custom pagination.

If I put these three component into my page, the pagination logic of one component will collide with the others, because they using the same "page"-parameter.

 

My approach was to only load one component, depending on the selected and active tab and to remove the others.

nathan's avatar
nathan
Executive
11 years ago
Well, you can use JavaScript/jQuery to hide the pagination components of the inactive tabs (or indeed the whole content of the active tab). To do this you just need to wrap the content you want to hide in a div tag (or similar) with an ID which is unique to the tab.

However, if you've got a problem with conflicting pagination logic, it's unlikely that just hiding the content will fix the problem.

It's hard to know what to suggest without seeing the whole thing.