[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 435
  • Last Modified:

Remove jquery tag

Hi,

I have a script that adds tabs (ui/tabs plugin) but I don't have a way to remove them intuitivly. The problem is they are all ajax tabs so I cannot somehow put a button inside them that will call the remove function. Or can I?

How can I let the user click and close an ajax tab from within the tab?

Thank you!!!!!
0
webspirit
Asked:
webspirit
  • 2
  • 2
1 Solution
 
Roger BaklundCommented:
If the tabset has id="tabs", try something like this:
<button onclick="$('#tabs').tabs('remove',$('#tabs').tabs('option', 'selected'));">Remove</button>

Open in new window

0
 
webspiritAuthor Commented:
Thank you.

How can I put it inside the tab since in loads the content by ajax?
An idea would be to pass the tabid to the remote page, which it will insert the code into the output. That would require redesigning both the links and the code for the remote page. Is there some more elegant way? Could I somehow run code after the tab has loaed and inject the code in there?

Thank you!!
0
 
Roger BaklundCommented:
You could define a load handler and use the append() method to add the button to the loaded tab:
$('#tabs').tabs({ 
  load:function(event,ui) {
    $(ui.panel).append(
    "<button onclick=\"$('#tabs').tabs('remove',$('#tabs').tabs('option', 'selected'));\">Remove</button>");
  }
});

Open in new window

0
 
webspiritAuthor Commented:
Just what I needed! Thank you very much!
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now