1

IDがmysqlデータベースから取得されたマップされた画像のその部分を強調したいと思います。IDを$loc変数に保存しました。ここでjqueryセレクターを使用して、このphp変数をjqueryセレクターに渡し、$locと同じIDを持つ画像の部分を強調表示します。これが私の作業コードです：

    <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="jquery.maphilight.js"></script>
<script type="text/javascript">
 $(function () {
        $(".mapping").maphilight();


    $(".hoverable").css("border", "3px solid red");


    var data = $('#cr2').data('maphilight') || {};  
    data.alwaysOn = !data.alwaysOn;
    $('#cr1').data('maphilight', data).trigger('alwaysOn.maphilight'); // portion to always highlight (I WANT TO PASS THE PHP VARIABLE $LOC INSTEAD OF '#CR1'

});<area shape="poly" id="cr1" class="room" coords="549,272,489,334,534,377,594,316" href="www.msn.com" target="_top" alt="CR1" name="room-1">

4

2 に答える 2

5

＃cr1を次のように置き換えます#<?php echo $loc ?>

それ以外の：

$('#cr1').data('maphilight', data).trigger('alwaysOn.maphilight');

使用する：

$('#<?php echo $loc ?>').data('maphilight', data).trigger('alwaysOn.maphilight');
于 2012-12-17T13:11:32.550 に答える
-1

関数を使用json_encodeして、php変数$locをパラメーターとして渡すことができます

例えば

var data = <?php echo json_encode($loc); ?>;

jQuery.each(data, function(i,event) {
   // alert(event.toSource());
   var id = event.id;  // here id is the array of the value based on the php variable for $loc
   badge_name = event.name; // here name is the array of the value based on the php variable for $loc
});
于 2012-12-17T13:11:03.790 に答える