将 Jquery 可筛选产品组合转换为选项选择
Converting Jquery filterable portfolio to option select
我是新手,只是使用选项列表修改可过滤的投资组合,下面是我修改的jquery代码。 从 li 项到选项选择。
我收到来自萤火虫的语法错误。那么我哪里做错了?
错误:语法错误,无法识别的表达式:选项[数据类型~=otw-二十四个 otw 列]....value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized ex...
jQuery('select').on('change', function (e) {
jQuery(".otw-portfolio-filter option").removeClass("current");
// Get the class attribute value of the clicked link
var $filterClass = jQuery(this).parent().attr("class");
if ( $filterClass == "all" ) {
var $filteredPortfolio = $portfolioClone.find("option");
} else {
var $filteredPortfolio = $portfolioClone.find("option[data-type~=" + $filterClass + "]");
}
// Call quicksand
jQuery("ul.otw-portfolio").quicksand( $filteredPortfolio, {
duration: 500,
easing: 'easeInOutQuad'
});
jQuery(this).parent().addClass("current");
// Prevent the browser jump to the link anchor
e.preventDefault();
})
PHP代码
<?php $taxo = get_object_taxonomies( 'otw-portfolio' );
foreach ( $taxo as $tax_name ) {
$categories = get_categories('taxonomy='.$tax_name);
$i = 0; $len = count( $categories );
foreach ($categories as $category) {
if ($i == 0) { ?><select name="select" id="select" class="otw-portfolio-filter"> <option value="#" class="all" style="float:right;"><?php _e( 'All', 'otw_pfl' ); ?></option><?php }
echo '<option value="#" class="'.$category->category_nicename.'">'.$category->cat_name.'</option>';
if ($i == $len - 1) { echo '</select>'; }
$i++;
}
}
?>
$portfolioClone.find("option[data-type~='" + $filterClass + "']");
在$filterClass两边添加了单引号
我最后一次尝试;)
var $portfolioClone = jQuery(".otw-portfolio").clone();
jQuery('select').on('change', function (e) {
var $filterClass = jQuery("option:selected", "select").attr("class");
if ( $filterClass == "all" ) {
var $filteredPortfolio = $portfolioClone.find("li");
} else {
var $filteredPortfolio = $portfolioClone.find("li[data-type~=" + $filterClass + "]");
}
// Call quicksand
jQuery("ul.otw-portfolio").quicksand( $filteredPortfolio, {
duration: 500,
easing: 'easeInOutQuad'
});
// Prevent the browser jump to the link anchor
e.preventDefault();
})
相关文章:
- AngularJs列表ng单击以选择选项转换
- 使用CSS在选项卡更改时平滑颜色转换
- 选项卡式元素上的动画CSS转换
- 关于&从win8 RC转换为win8 RTM后,首选项弹出按钮为空
- 使用select选项转换时间.使用javascript
- 如何在Ionic Framework中实现选项卡页面之间的转换
- 在转换后的 UL 列表中添加选择选项
- jQuery:将按钮过滤器转换为选择菜单选项
- 将文件转换为数组并使用数据列表和选项标签为自动完成文本框添加数组元素
- 将 Jquery 可筛选产品组合转换为选项选择
- 将引导选项卡栏转换为移动大小的手风琴菜单
- Html将5个数据属性转换为jquery插件选项格式
- 将apple选项卡空间转换为
- 将每个选择选项值转换为值列表
- 更改/添加jQuery选项卡转换
- 加载<选项>转换为<选择>当<选择>单击
- 动态添加“;选择“;通过DOM转换为HTML选项
- 如何使用jQueryUI选项卡进行CSS转换
- 如何通过悬停从一个选项卡到另一个选项卡来实现流畅的打字机效果转换
- 选项通过转换毫秒来显示PST中的时间