0

我是使用 Jquery 的新手，这实际上是我第一个使用它的真正项目，我遇到了一些麻烦。这是我的 HTML： 编辑：好的，我充实了代码，并包含了调用函数的位置。

 <tr><th scope="row"><?php echo $box_name[$i] ?></th>
            <td>

            <div class="parent_div">
                <div><strong>Select an image</strong></div>
                <p><?php $this->_addDropDown( $box[$i].'_option', array( 'default' => 'Default', 'custom_image' => 'Custom Image') ); ?></p>


                <div class="upload_container">
                    <div>Upload a new image: <a href="" id="upload_button" class="thickbox upload_file">Upload File</a></div>
                    <?php $this->_addHidden( $box[$i] ); ?>
                    <?php $this->_addDefaultHidden( 'default_'.$box[$i] ); ?>


                    <?php $box_url = ( ! empty( $wp_theme_options[$box[$i]] ) ) ? $wp_theme_options[$box[$i]] : $wp_theme_options['default_'.$box[$i]]; ?>
                    <?php if ( ! empty( $box_url ) ) : ?>
                        <?php $box_path = iThemesFileUtility::get_file_from_url( $box_url ); ?>
                        <?php if ( ! is_wp_error( $box_path ) ) : ?>
                            <?php $box_thumb = iThemesFileUtility::resize_image( $box_path, $this->_options['box_preview_width'], $this->_options['box_preview_height'], true ); ?>
                            <?php if ( ! is_wp_error( $box_thumb ) ) : ?>
                                <a href="<?php echo $box_url; ?>" target="_blank"><img id="image_thumbnail" src="<?php echo $box_thumb['url']; ?>" /></a>
                <?php endif; ?>         
                </div>
            </div>

            </td>

    </tr>


<?php endfor; ?>

我目前正在尝试做的是类似的事情。

function refreshImageBoxOptions(id) {
 if($("#this_item" + id).attr("value") == 'default') {
   $(this).parents(".parent_div").find(".child_div").slideUp();
 }
 else if($("#this_item" + id).attr("value") == 'something_else') {
   $(this).parents(".parent_div").find(".child_div").slideDown();
 }
}

如果我删掉一些代码，我可以得到 $(".parent_div").slideUp(); 和 $(".child_div").slideUp(); 工作得很好。只有当我尝试使用 $(this).parents(".parent_div").find(".child_div").slideUp(); 我有问题。

我已经浏览过这个网站和许多其他网站，我想我只需要一双全新的眼睛来看看我是否在这里设置了错误。

这是调用函数的地方。

$(document).ready(
    function(){

        $(".child_div").hide();

            $("#left_option").change(
            function(e) {
                refreshImageBoxOptions("box_left");
                ;

            }
        );
        $("#middle_option").change(
            function(e) {
                refreshImageBoxOptions("box_middle");

            }
        );
        $("#right_option").change(
            function(e) {
                refreshImageBoxOptions("box_right");

            }
        );

}
);
}) (jQuery);
4

3 回答 3

1

听起来您的上下文不正确。函数内部的“this”指的是触发事件的元素，但我们无法确定它是什么。

你能告诉我调用这个函数的上下文吗？例如，“this”上下文是什么？如果您可以粘贴实际调用这些函数的 js，它会有所帮助。

您确定当时的“this”是 div.parent_div 的孩子吗？

于 2009-08-05T14:32:04.333 回答
0

好吧，所以我想通了。当我的函数被调用时，我没有将它传递给函数，所以它不知道“this”是什么。

$("#option").change(
  function(e) {
     refreshImageBoxOptions(this,"box_left");
   }
 );



function refreshImageBoxOptions(current,id) {
 if($("#" + id + "_option").attr("value") == 'default') {
  $(current).parents(".parent").find(".child").slideUp();
 else if($("#" + id + "_option").attr("value") == 'custom_image') {
  $(current).parents(".parent").find(".child").slideDown();
 }
}

谢谢你所有的好主意！

于 2009-08-05T20:00:04.290 回答
0

也许改变这个：

$(this).parents(".parent_div").find(".child_div")

对此：

$(this).parents(".parent_div").children(".child_div")

在这里猜测，因为我不确定this- 祝你好运。

于 2009-08-05T14:31:52.523 回答