Turn.js目录链接问题

时间:2016-02-22 19:25:53

标签: javascript jquery html hyperlink turn

我在使用Turn.js进行的项目上遇到了一些障碍。我正在尝试创建一个“目录”,其中包含指向页面的可点击链接,可以找到内容。我所做的似乎工作了几次,但随后就退出了。

HTML:

<div id="flipbook">
    <div class="hard"><p>Turn.js</p></div> 
    <div class="hard"></div>
    <div>
        <div class="button-container">
            <button data-page="4">Go To Page 1</button>
            <button data-page="5">Go To Page 2</button>
            <button data-page="6">Go To Page 3</button>
            <button data-page="7">Go To Page 4</button>
            <button data-page="8">Go To Page 5</button>
            <button data-page="9">Go To Page 6</button>
            <button data-page="10">Go To Page 7</button>
            <button data-page="11">Go To Page 8</button>
        </div>
    </div>
    <div><p>Page 1</p></div>
    <div><p>Page 2</p></div>
    <div><p>Page 3</p></div>
    <div><p>Page 4</p></div>
    <div><p>Page 5</p></div>
    <div><p>Page 6</p></div>
    <div><p>Page 7</p></div>
    <div><p>Page 8</p></div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>
<button class="reset" data-page="3">Reset</button>

JS:

$("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
});

$("button").click(function(){
    $("#flipbook").turn("page", $(this).data('page'));
});

这是一个jsfiddle: http://jsfiddle.net/ddcarr/fveoyv4o/1/

我的设置基本相同,在book元素之外有一个重置按钮,它始终有效。这使我相信指针事件或z-indexing存在问题。到目前为止,我没有运气,如果有人能指出我正确的方向,我真的很感激。

谢谢!

1 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。

你需要这样做,

protected void grid_view_RowEditing(object sender, GridViewEditEventArgs e)
{
    grid_view.EditIndex = e.NewEditIndex;
    DataTable dt = (DataTable)ViewState["Table"];
    grid_view.DataSource = dt;
    grid_view.DataBind();
}

protected void grid_view_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
    grid_view.EditIndex = -1;
    DataTable dt = (DataTable)ViewState["Table"];
    grid_view.DataSource = dt;
    grid_view.DataBind();
}

这会像你期望的那样完美地完成! 我希望它对你有所帮助。 :)