用jquery在django上的Panzoom

时间:2018-05-07 14:22:56

标签: javascript jquery django

我有一个非常基本的django应用程序,它使用django ImageField显示.png图像,并要求用户对不同的选择进行投票。 现在我需要使它具有交互性,以便用户也可以缩放和平移表单中的图像。 我已经下载了这个github https://github.com/timmywil/jquery.panzoom,并按照详细视图中的说明操作:detail.html:

<div id="img">
    <img src="{{question.image.url}}"/>
</div>

{% load static %}
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="{% static 'polls/node_modules/jquery.panzoom/dist/jquery.panzoom.js' %}"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
$("img").panzoom();
$("img").panzoom({ minScale: 0, $zoomRange: $("input[type='range']") });
    });
</script>

但没有任何事情发生,图像以固定的方式显示。 以前我有404错误的一些问题,现在似乎正确加载.js但它仍然无法正常工作。 提前感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

你必须:
1)<script type="text/javascript" src="_path_to_your_JS_panzoom_file"></script> - 导入该文件
2)

<script type="text/javascript">
    jQuery(document).ready(function(){
        $(".panzoom-elements").panzoom();

        // Pass options 
        $("a.panzoom-elements").panzoom({ minScale: 0, $zoomRange: $("input[type='range']") });
        });
</script>

或2-b)将您的代码添加到单独的.js文件中,然后按照与 1 段落相同的方式导入。

答案 1 :(得分:0)

好的,最后我发现了问题。文档可能是为那些在该领域有更多背景的人完成的!但当然还需要其他进口才能使其发挥作用:

With ActiveSheet
    .Select
    ViewMode = ActiveWindow.View
    ActiveWindow.View = xlNormalView
    .DisplayPageBreaks = False
    Firstrow = .UsedRange.Cells(1).Row
    Lastrow = .UsedRange.Rows(.UsedRange.Rows.Count).Row
    For Lrow = Lastrow To Firstrow Step -1

        If InStr(.Cells(Lrow,"I").Value,"Removal") = 0 and _
           InStr(.Cells(Lrow,"J").Value,"removal") = 0 and _
           InStr(.Cells(Lrow,"J").Value,"removed") = 0 Then.Rows(Lrow).Delete

    Next Lrow

End With