小编Tom*_*gna的帖子

我的TabPanel标签的标题包含两件事:

1. 复选框
2. 标签的标题

要显示标签,我使用jQuery代码:

$('#myTab a').click(function (e) {
  $(this).tab('show');
});

使用这种代码,每次单击选项卡时,页面都会滚动到每个div.如果我在行e.preventDefault();之前添加jQuery代码行$(this).tab('show');来禁用滚动,那么第二个问题就出现了 - 复选框不再检查/取消选中.

任何想法,如何摆脱这两个问题？

滚动问题示例:http: //jsfiddle.net/K9LpL/717/

复选框检查/取消选中问题的示例:http: //jsfiddle.net/K9LpL/718/

HTML和PHP:

<select id="package">
    <?php $package_size_array = array('size_a' => 70, 'size_b' => 90, 'size_c' => 130); ?>
    <option value="size" id="<?php echo json_encode($package_size_array, JSON_PRETTY_PRINT); ?>">Size</option>
    <!--Some more <option>s here...-->
</select>

JavaScript的:

$(document).ready(function() {  
    $('select#package').change(function() {
        var id = $(this).children(':selected').attr('id');
        alert(JSON.parse(id)); /* Line 217. in functions.js file */
    });
});

问题:Chrome和其他浏览器的控制台打印:

Uncaught SyntaxError: Unexpected end of input functions.js:217
(anonymous function) functions.js:217
jQuery.event.dispatch jquery.js:4371
elemData.handle