This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.
Hi Guys, for some reason my previous post seemed to have broken the markup and not sure how to delete them so have reposted this.
Hi, Im using semantic UI and notices that ajax data- attributes aren't working because semantic use div to stye drop downs and not
Html
Javascript
<div class="text"><i class="sort order alphabet ascending icon"></i>Ascending</div>
<div class="menu ui transition hidden">
<div class="item active" data-value="alph-asc"><i class="sort alphabet ascending icon"></i>Ascending</div>
<div class="item" data-value="alph-desc"><i class="sort alphabet descending icon"></i>Descending</div>
<div class="item" data-value="price-asc"><i class="sort order numeric ascending icon"></i>Low to High</div>
<div class="item" data-value="price-desc"><i class="sort order numeric descending icon"></i>High to Low</div>v>
</div></code>
$('#sort-products').dropdown({
onChange: function() {
console.log($(this).data('request-update'));
$.request($(this).data('request'), {
data: $(this).data('request-data'),
update: $(this).data('request-update'),
loading: $(this).data('request-loading')
});
}
});
1-1 of 1