jQuery imgAreaSelect 隐藏/显示？

Question

我一直在尝试根据是否选中复选框来隐藏和显示 imgAreaSelect 选择框。

我已经尝试过:

    var ias = $('#photo').imgAreaSelect({ instance: true });
    ias.setOptions({ show: false });

但它似乎没有做任何事情。

我不得不求助于:

    $('div.imgareaselect-selection').hide();
    $('div.imgareaselect-border1').hide();
    $('div.imgareaselect-border2').hide();
    $('div.imgareaselect-border3').hide();
    $('div.imgareaselect-border4').hide();
    $('div.imgareaselect-handle').hide();
    $('div.imgareaselect-outer').hide();

但这似乎有点麻烦，我确信一定有更好的方法。

Answer 1

更改选项后您需要更新实例 - http://odyniec.net/projects/imgareaselect/usage.html#api-methods 。尽管事实上，我不确定您是否应该使用 { hide: true } 还是 {show: false}。

var ias = $('#photo').imgAreaSelect({ instance: true });
ias.setOptions({ hide: true });
ias.update();