Outside a field collection, a fivestar widget looks like this:

<div class="fivestar-widget clearfix fivestar-widget-5"><div class="cancel"><a href="#0" title="Cancel rating">Cancel rating</a></div><div class="star star-1 odd star-first on"><a href="#20" title="Give it 1/5">Give it 1/5</a></div><div class="star star-2 even on"><a href="#40" title="Give it 2/5">Give it 2/5</a></div><div class="star star-3 odd"><a href="#60" title="Give it 3/5">Give it 3/5</a></div><div class="star star-4 even"><a href="#80" title="Give it 4/5">Give it 4/5</a></div><div class="star star-5 odd star-last"><a href="#100" title="Give it 5/5">Give it 5/5</a></div></div>

.. but inside a field collection, the anchor tags get replaced by span tags.. looks like this:

<div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"><div class="star star-1 star-odd star-first"><span class="off">0</span></div><div class="star star-2 star-even"><span class="off"></span></div><div class="star star-3 star-odd"><span class="off"></span></div><div class="star star-4 star-even"><span class="off"></span></div><div class="star star-5 star-odd star-last"><span class="off"></span></div></div>

So, something is filtering out the anchor tags? Effect is that the widget is not clickable.

Apologies if this is an issue with fivestar rather than field collection (but I'm guessing its not.)

Comments

Andy Inman’s picture