Facebox class is not working on jquery event

[eluser]Naveed Ramzan[/eluser]
Hello All,

I am using facebox plug in of jquery in a codeignator application.

On page refresh a div content is opening in facebox because php script has returning hyperlink tag with class="facebox".

while when that div update the hyperlinks on change of combo value, those hyperlinks have also class="facebox" but these are not working as expectation.

Please help me out ...

Waiting for fruitful response.

Thanks

[eluser]Christophe28[/eluser]
... :-S

I don't understand what you mean ... Do you have a testpage we can have a look?

[eluser]Naveed Ramzan[/eluser]
well, please visit a website www.kntechnologies.com, at footer please click on Employee Area, a login page will be appear in facebox.

In my case, a link having class of facebox is working exactly same as above employee area is working (which is correct).

I update some content on change of combo box using jquery and also update the content of that hyperlink but now that page will not open in facebox, its redirect in same browser window.

/******************************************************/
Html code on page refresh
/******************************************************/

Code:

<a href="http://localhost/nupolife/product/fn_get_additional_content/1" class="facebox">Concept Icons</a>

/******************************************************/
Html code on change of combo box
/******************************************************/

Code:

<a href="http://localhost/nupolife/product/fn_get_additional_content/4" class="facebox">Concept Icons</a>

/******************************************************/
JS Code
/******************************************************/

$(".facebox").facebox();

Please tell me if you are clear now ?

[eluser]Christophe28[/eluser]
I almost understand you ...

But what do you mean with: "Update some content on change of combo box ...?" :-S

When I click "Employee area" a facebox appear. When I click login (without entering someting in the inputs) I get redirected to the login page.

Which to help you, but first I need to know what the problem is.

Christophe

[eluser]Naveed Ramzan[/eluser]
1st time hyperlink code is :

Code:

<div id="code"><a href="login.php" class="facebox">Click Me</a></div>

//Jquery code to update content of div

Code:

$('#code').html('<a href="admin.php" class="facebox">Click Me</a>');

now hyperlink is
When i change combo box value for change content of the div, content will update by jquery

Code:

<a href="admin.php" class="facebox">Click Me</a>

Above hyperlink has same class of facebox but it does not appear in facebox.

if still you didnt get any idea then please add me on skype (naveedramzan)

[eluser]Christophe28[/eluser]
Do you mean your jQuery code doesn't work anymore on elements you have dynamically implemented in the DOM?

I hope so, because I used the last 15 minutes to setup this example page for you.

I don't have skype. And moreover, a forum is publicly accessible for users arround the world. I don't want to help just you, but also all users who have found this page using the search engines ;-)

Christophe

[eluser]Naveed Ramzan[/eluser]
Thanks for your fruitful response. Really appreciated.

I got solution from your provided detailed in your site.

Thanks again

[eluser]Christophe28[/eluser]
That was fast!

You're welcome!

Christophe