Jquery脚本未引起任何交互

Jquery Script Not Causing Any Interaction

本文关键字:任何 交互 脚本 Jquery      更新时间:2023-09-26

我有一个jquery脚本,我刚刚写得很快,用来填充p类,这样服务器交互的选项就可以很容易地从播放器切换到服务器等等等等。我现在遇到的问题是我的剧本根本没有填满。我有一个可以使用ajax的表单,所以我不明白为什么这会是一个jquerylib问题。我的非交互式脚本应该是交互式的,如下所示:

<script>
$(function() {
    $(".commandclass").click(function(e){
        var url = $(".commandclass").attr("data-href");
        $(".commandtype").load(url);
    )};
});
</script>

它是可爱的对手(好吧,也许我们会选择可以忍受的对手)是:

<a href='javascript:void(0);' class='commandclass' data-href='modules/server.submod.php'>Server Commands</a> | 
                        <a href='javascript:void(0);' class='commandclass' data-href='modules/player.submod.php'>Player Commands</a> |
                        <p class='commandtype'>
                        <table align='center'>
                            <tr>
                                <td><input type='radio' value='server restart 300' id='command' name='command'>5 Minute Restart</td>
                                <td><input type='radio' value='server restart 900' id='command' name='command'>15 Minute Restart</td>
                                <td><input type='radio' value='server restart 1800' id='command' name='command'>30 Minute Restart</td>
                            </tr>
                            <tr>
                                <td><input type='radio' value='server restart 3600' id='command' name='command'>1 Hour Restart</td>
                                <td><input type='radio' value='server restart 21600' id='command' name='command'>6 Hour Restart</td>
                                <td><input type='radio' value='server restart 43200' id='command' name='command'>12 Hour Restart</td>
                            </tr>
                            <tr><td></td>
                                <td><input type='radio' value='server restart 86400' id='command' name='command'>1 Day Restart</td>
                            <td></td></tr>
                        </table>
                        </p>

所以我想要的输出是当你点击链接时;它不是从我附加的数据href属性中提取链接,并将其填充到commandtypep类中,这样它就可以从那里继续,并将所述函数加载到网页中。好不太确定还有什么能帮助我,但如果我错过了任何必要的信息,我可以随时询问,我保证。我会打自己一个耳光,否则就让我女儿为这个错误负责。

我想也许这会有所帮助,所以我也添加了这个。我的上半部分有两个脚本。一个用于运行命令,一个用于在模块内切换不同类型。这是我最喜欢的部分。

<script>
 $(function() {
    $("#quickcommands").submit(function() {
        $(".result").html("Running Command");
        $(".result").append("<img src='/assets/images/giphy.gif'>");
       $.ajax({
    type: "POST",
    url: $("#quickcommands").attr("action"),
    data: $("#quickcommands").serialize(),
    success: function(data) {
                $(".result").html(data);
                if(data == "") { $(".result").html("Command Sent"); }
    }
  });
  return false;
    });

  });

</script> 
<script>
$(function() {
    $(".commandclass").click(function(e){
        var url = $(".commandclass").attr("data-href");
        $(".commandtype").html("test");
    )};
});
</script>

最上面的脚本运行得很好,它在第二个脚本上,似乎什么都不起作用。

尝试将脚本更改为以下内容:

<script>
    $(".commandclass").click(function(e){
        var url = $(this).attr("data-href");
        $(".commandtype").load(url);
    });
</script>

第一个变化是我删除了包装匿名函数(括号也有点乱)。上面的代码应该足够了,除非您正在动态创建按钮。第二个更改是$(this)-您有多个.commandclass元素,此更改确保您从触发click事件的元素中选择值。

打字?

最后是)}而不是})