Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/252.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于在jquery mobile中动态发布id的图像的单击功能的javascript_Javascript_Php_Jquery Mobile - Fatal编程技术网

用于在jquery mobile中动态发布id的图像的单击功能的javascript

用于在jquery mobile中动态发布id的图像的单击功能的javascript,javascript,php,jquery-mobile,Javascript,Php,Jquery Mobile,我有javascript功能,用于id被动态分配为like_1,like_2的图像………..,如何使该功能适用于wow滑块中li标记中的每个图像 这是javascript <script type="text/javascript"> $(document).ready(function() { $("#like_0").click(function() { $("#tipid").val(1); $(

我有javascript功能,用于id被动态分配为like_1,like_2的图像………..,如何使该功能适用于wow滑块中li标记中的每个图像

这是javascript

<script type="text/javascript">
        $(document).ready(function() {
         $("#like_0").click(function() {
            $("#tipid").val(1);
            $("#like_0").attr("src","images/ic_like_select.png");
            $("#unlike_0").attr("src","images/ic_unlike_unselect.png");
          });

          $("#unlike_0").click(function() {
            $("#tipid").val(0);
            $("#like_0").attr("src","images/ic_like_unselect.png");
            $("#unlike_0").attr("src","images/ic_unlike_select.png");
          });
          });
    </script>

$(文档).ready(函数(){
$(“#like_0”)。单击(函数(){
$(“#tipid”).val(1);
$(“#like_0”).attr(“src”、“images/ic#u like_select.png”);
$(“#不象_0”).attr(“src”、“images/ic_不象_unselect.png”);
});
$(“#不同于_0”)。单击(函数(){
$(“#tipid”).val(0);
$(“#like_0”).attr(“src”、“images/ic#u like_unselect.png”);
$(“#不象_0”).attr(“src”、“images/ic_不象_select.png”);
});
});
这是滑动的数据,我从数据库中动态获取它

<div id="wowslider-container1">
                      <form action="#" method="post">
                            <div class="ws_images">

                            <ul>
                            <?php

                             if ($stmt->execute(array($_GET['id']))) {
                                    while ($row = $stmt->fetch()) {
                                    $counter =0;
                                    foreach ($int_arr as $x) {


                                        if ($stmt1->execute(array($x))) {
                                           while ($row1 = $stmt1->fetch()) {
                                           // print_r($row);
                                           //echo $row1['title'];

                             ?>

                             <li><img src="engine1/bg.png" alt="" title="" id="wows1"/><div><span style="font-size:12px;text-transform:uppercase;"><b><?php echo $_GET['id'];?></b></span><br><span style="color:#3B8BD7;font-size:22px;"><?php echo $row1['title'];?></span></div><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;margin-top:-3px;" /><span style="font-size:12px;"><?php echo $row1['body'];?><br><br><br></span><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;"/><div align="center"><b><p style="color:#3B8BD7;font-size:14px;">Helpline?</p></b><img src="images/ic_like_unselect.png" height="40" width="40" id="like_<?php echo $counter;?>" name="offer" />&nbsp;<img src="images/ic_unlike_unselect.png"  height="40" width="40" id="unlike_<?php echo $counter;?>"  name="offer"/></div>
                             <input type="hidden" name="tipid" id="tipid" value="" />
                             <input type="text" name="tip" id="tip" value="<?php  echo $counter;?>" /><?php $counter++;?></li>
<?php }}}}}  echo $counter;?>
                            </ul></div>
                            <div class="ws_bullets">
                            <div align="center">
                                <?php if ($stmt->execute(array($_GET['id']))) {
                                    while ($row = $stmt->fetch()) {
                                       foreach ($int_arr as $x) {
                                          if ($stmt1->execute(array($x))) {
                                          while ($row1 = $stmt1->fetch()) {
                                          // print_r($row);
                                          //echo $row1['title'];
                                ?>
                                <a href="#" ></a>
                                <?php }}}}}?>           
                            </div></div>

    <div class="ws_shadow">

                    </div>

        </form> 





  • 帮助热线?

    “name=”offer“/>name=”offer“/>
    使用类,而不是id。这就是类的用途——记住一个类可以应用于多个元素,而id只能应用于一个元素

    例如:

    $(".like").click(function() {
          $(this).closest(".tipid").val(1);
          $(this).attr("src","images/ic_like_select.png");
          $(this).closest('.unlike').attr("src","images/ic_unlike_unselect.png");
    });
    

    如果您使用的ID以like/inspect开头,则可以改用属性选择器

    $("[id^='like_']" ).click(function() {
         //do something
    });    
    
    $("[id^='unlike_']" ).click(function() {
         //do something
    });
    

    你能举个例子吗