OSClass 中的 JavaScript 在 Firefox 中父级无效后显示子类别答案

【问题标题】：JavaScript in OSClass to show subcategory after parent is invalid in FirefoxOSClass 中的 JavaScript 在 Firefox 中父级无效后显示子类别
【发布时间】：2012-01-09 07:09:41
【问题描述】：

我正在使用 OSClass 构建一个网站，该网站将包含多个分类广告。不幸的是，有些脚本不能很好地与 Firefox/IE 配合使用，所以我需要跟踪这些错误。

脚本应该是这样的：

您为广告选择类别
选择类别后，脚本会检查子类别并在您选择子类别的位置添加另一个框。

这是 .js 文件：

var is_loading = true ;

function fill_subcategory_select ( id ) {
var category    = $("select.category") ;
var subcategory = $("select.subcategory") ;

// reset subcategory select
subcategory.html("") ;

console.log(twitter_theme.categories["id_" + id]) ;
// check that the category has subcategories
if( typeof twitter_theme.categories["id_" + id] === "undefined" ) {
    console.log("[fill_subcategory_select] hide subcategory") ;
    subcategory.append( $("<option>").attr('value', id) ) ;
    subcategory.css("display", "none") ;
    $("select.subcategory").trigger('change') ;
    return true;
}

subcategory.html()
subcategory.append( $("<option>").attr('value', id).html(twitter_theme.text_select_subcategory) ) ;
$.each(twitter_theme.categories["id_" + id], function(key, value) {
    console.log("[fill_subcategory_select] subcategory { id: " + value.id + ", slug: " + value.slug + ", name: " + value.name + " }") ;
    subcategory.append( $("<option>").attr('value', value.id).html(value.name) ) ;
}) ;
subcategory.css("display", "") ;
return true;
}

以下是实际形式：

<script type="text/javascript">
        twitter_theme.text_select_subcategory = "<?php _e('Select a subcategory...', 'twitter_bootstrap') ; ?>" ;
        twitter_theme.category_selected_id    = "<?php echo item_selected_category_id() ; ?>" ;
        twitter_theme.subcategory_selected_id = "<?php echo item_selected_subcategory_id() ; ?>" ;
</script>

<!-- category input -->
<div class="clearfix">
<label><?php _e('Category', 'twitter_bootstrap') ; ?></label>
<div class="input">
<?php item_category_select( __('Select a category', 'twitter_bootstrap') ) ; ?>
</div>
</div>
<!-- category input end -->

在 Firefox 中发生的情况是，当您选择一个类别时，子类别列表根本不会显示，这会破坏注册表单的功能，因为它会给出错误消息：“无效类别”。

【问题讨论】：

你试过用firebug或类似工具调试它吗？
工作不正常意味着什么以及在哪里？如果您直言工作不顺利，我们如何帮助您？
firebug/FF + 开发者工具/IE
非常抱歉，我现在已经更新了问题。问题是当有人选择一个类别时，子类别列表不会激活。
@JaozaMedia 我无法重现此错误...我尝试过 Twitter 主题 v1.2：IE8 (Win. XP)、FF8 (MAC)、Chrome 18 ( Mac）。

标签： php javascript osclass

【解决方案1】：

终于，我找到了问题所在。问题出在item_category_select_js() 函数中。您可以在./twitter_bootstrap/functions.php 中找到此功能。这是新代码：

function item_category_select_js() {
    ?>
    <script type="text/javascript">
        twitter_theme.categories = {} ;
    <?php
    $aCategories = osc_get_categories() ;
    foreach($aCategories as $category) {
        if( is_array($category['categories']) && (count($category['categories']) > 0) ) {
            echo 'twitter_theme.categories.id_' . $category['pk_i_id'] . ' = {' . PHP_EOL ;
            for($i = 0; $i < count($category['categories']); $i++) {
                echo $category['categories'][$i]['pk_i_id'] . ': { id: ' . $category['categories'][$i]['pk_i_id'] . ', slug: "' . addslashes($category['categories'][$i]['s_slug']) . '", name: "' . addslashes($category['categories'][$i]['s_name']) . '"' ;
                if( $i == (count($category['categories']) - 1) ) {
                    echo '}' . PHP_EOL ;
                } else {
                    echo '} ,' . PHP_EOL ;
                }
            }
            echo '} ;' ;
        } else {
            echo 'twitter_theme.categories.' . $category['s_slug'] . ' = { } ;' . PHP_EOL  ;
        }
    }
    ?>
    </script>
    <?php
}

已在上一个版本 (1.2.1) 中修复。你可以从这里下载：https://sourceforge.net/projects/osclass/files/Themes/twitter/

【讨论】：