Text disappearing on Home page with photonic.js

[Mr. Frog]

Hi,

First, thanks for this WP plugin, I was looking for a nice Smugmug integration for so long!

I installed the plugin on my WP and I have a strange issue, on my home page (index.php), when the plugin is activated, some of my text just disappear!
See the attached files:

I searched a lot tonight to find what was doing that and found out it comes from photonic.js. If I rename/remove the file, my text normaly appears, if I put it back, blank space!
I saw, so far, that I have this issue only on my index.php file, so that's kind of weird.
I really don't know which function or part of that javascript file is causing that.
Probably a conflict with another JS installed with my theme or another plugin, but I don't know what.

Do you have an idea? My website is http://www.photocedric.com
For now, the photonic.js is renamed to photonic.js.old.


Thanks!

[sayontan]

Without the plugin activated it is hard for me to tell. I have tested the plugin with several themes, but never encountered this issue. Can you activate it for a while so that I can check?

[Mr. Frog]

Hi,

I activated it, the text is now invisible!

Thanks!

[sayontan]

Sorry, by the time I checked it was deactivated again.

[Mr. Frog]

Hmm that's weird because it is still active. I double checked in Chrome, Safari and Firefox on my two computers and my text is still invisible.

I'm playing a bit with the website right now, but not with that.

[sayontan]

Sorry, I meant to ask you to rename the file to photonic.js - I can see that the plugin is active.

[Mr. Frog]

yeah yeah, it's there and loaded:

http://www.photocedric.com/wp-content/p ... hotonic.js and it's loaded on my index.php page (like all others)

[sayontan]

OK - for some reason I was getting a 404 error earlier.

Either your theme or one of your plugins doesn't include JQuery in a "noConflict" mode (which is WP's recommendation). If I look at your page in Firebug console, I see this message:

Code: Select all

$ is not a function
http://www.photocedric.com/
Line 52

This corresponds to your "Enhanced Search Box" - I don't know if that is something bundled with your theme or if it is a separate plugin. Either way, that error prevents subsequent JS (that has been correctly included in your code) from executing correctly

[Mr. Frog]

Ok, looks like it was:

Code: Select all

<script type='text/javascript'>
        var $j = jQuery.noConflict();
    $j(function() {
                                $j('ul#user_interaction_blog').carouFredSel({
                                        auto: false,
                                        items : 4,
                                        scroll: 1,
                                        prev: "#prev-slider-main-blog",
                                        next: "#next-slider-main-blog"
                                });
                        });
</script>


On my main page that was causing the issue.
I have no idea why, but if I comment it, text reappears again!