通過單擊顯示模式jQuery

Question

如何通過單擊圖像顯示我的jQuery模式？ 看這個 ：

實際上，我正在嘗試在模式框中顯示JQplot圖表。 單擊圖像，該框應顯示

在同一頁上..

<div id="dialog" title="Basic dialog">
 <div id="chart1" style= "width:40%;height:200px"> </div>
</div>
<img id="imgg" src = "stats_matching/gprier.gif" alt = "perso">


  <script>
  $(document).ready(function(){
    $.jqplot.config.enablePlugins = true;
    var s1 = [2, 6, 7, 10];
    var ticks = ['a', 'b', 'c', 'd'];

    plot1 = $.jqplot('chart1', [s1], {
        // Only animate if we're not using excanvas (not in IE 7 or IE 8)..
        animate: !$.jqplot.use_excanvas,
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            pointLabels: { show: true }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: ticks
            }
        },
        highlighter: { show: false }
    });

});     

        $("#dialog").hide();
        $('#imgg').click(
            function() {
                $(this).data('clicked',true);
            }
        );

        if($('#imgg').data('clicked')) {
                console.log('refefez');
                $("#dialog").show().dialog();

        }


  </script>

Answer 1

您需要具有一個偵聽數據屬性更改的功能。

  ` $(document).on('data-attribute-changed', function() {
       if($('#imgg').data('clicked')) {              
            $("#dialog").show().dialog();

        }         
  });`

謝謝，查爾斯。