0

カラーボックスに特定の div を表示しようとしていますが、代わりにページ全体がカラーボックスに表示されます。ここに私のhtmlコードがあります

<div id="right">
    <div id="photo_preview">
        <a rel="example1" href="#photo_preview"><img class="photo_preview_image" src="female.png"></img></a>
        <label class="photo_preview_caption">Caption</label>
        <input class="photo_preview_caption_input" type="text" name="caption_" size="30" value=""></input>
        <input class="photo_preview_album_art" type="radio" name="album_art" title="Album Art" value=""></input>
        <img class="photo_preview_delete_image" src="Dustbin.PNG" title="Click To Delete Pic"></img>
    </div>
</div>

ここにカラーボックス関数があります

 $(document).ready(function(){
    //Examples of how to assign the ColorBox event to elements
    $("a[rel='example1']").colorbox(

    );

    //Example of preserving a JavaScript event for inline calls.
    $("#click").click(function(){ 
        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
        return false;
    });
});
4

1 に答える 1

1

次のようにカラーボックスにオプションを設定します

$("a[rel='example1']").colorbox({inline:true});
于 2012-06-15T18:28:07.577 に答える