我该如何调用此脚本?

时间:2017-10-31 16:59:36

标签: javascript php jquery html

我有一个用于删除记录但没有刷新的脚本。我还是javascript的新手,并试图学习如何调出这个脚本。这就是我所拥有的。

我的按钮:

<button id="<?php echo $rrr['id']; ?>" class="delbutton" onclick="">Delete</button>

我的Javascript:

<script type="text/javascript" >
    $(function() {

        $(".delbutton").click(function() {
            var del_id = $(this).attr("id");
            var info = 'id=' + del_id;
            if (confirm("Sure you want to delete this note? This cannot be undone later.")) {
                $.ajax({
                    type : "POST",
                    url : "delete-note.php", //URL to the delete php script
                    data : info,
                    success : function() {
                    }
                });
                $(this).parents(".record").animate("fast").animate({
                    opacity : "hide"
                }, "slow");
            }
            return false;
        });
    });

我从其他人那里借用了这个代码,同时在没有重新加载的情况下进行删除研究。通常我会看到一个函数看起来像这样:

function myFunction()

然后我可以使用onclick这样调用它:

onclick="myFunction()"

按照这个脚本的编写方式,我不确定我应该调用什么“函数”,或者我是否需要在某处添加名称。

任何指导或阅读材料都会有所帮助。

由于

6 个答案:

答案 0 :(得分:5)

您不需要在此使用onclick

$(".delbutton")找到包含CSS类delbutton的所有按钮。

.click(function() { ... })表示单击按钮时执行给定的功能。

答案 1 :(得分:0)

from kivy.app import App
from kivy.uix.screenmanager import ScreenManager, Screen
from kivy.uix.popup import Popup
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout
from kivy.properties import ObjectProperty
from functools import partial


class ScreenManagement(ScreenManager):
    pass


class TestScreen (Screen):
    label = ObjectProperty(None)

    def openpopup(self):
        content = BoxLayout(orientation="vertical")
        self.popup = Popup(title="Popup", size_hint=(None, None),
                           size=(400, 400), auto_dismiss=False, content=content)
        button = Button(text="Update Label's text", on_press=partial(self.method, number=1))
        close_btn = Button(text="Close", on_press=self.popup.dismiss)
        content.add_widget(button)
        content.add_widget(close_btn)
        self.popup.open()

    def method(self, *args, number):
        self.label.text = str(number)


class TestApp(App):
    title = "Kivy Passing Arguments to Method - Using Partial"

    def build(self):
        return ScreenManagement()


if __name__ == "__main__":
    TestApp().run()

这意味着文档准备就绪时会调用其中的所有内容。

正如UncleDave已经说过的,因为.click你的脚本应该已经被调用了onclick。如果你替换这一行就会一样:

$(function() {

这一行:

$(".delbutton").click(function() {

然后通过onClick =“myOnClickFunction()”

调用它

答案 2 :(得分:0)

click函数将函数绑定到事件处理程序,作为传递给selectorjQuery function which is aliased to $匹配的所有元素上的click事件。

(这取代了onclick属性)

要调用该函数,只需单击匹配元素(属于delbutton类的任何元素)。

您还可以使用trigger method

以编程方式触发事件
$(".delbutton").trigger("click");

答案 3 :(得分:0)

$(".delbutton").click(function()正在侦听任何点击以触发您的函数中的代码操作。

onclick=""代码不需要button

答案 4 :(得分:0)

  

如何调用此脚本?

你已经这样做了,它是自我执行的。

您无需在按钮上注册单独的点击事件。脚本本身已经这样做了。

$(".delbutton").click(function() {
// code being executed when button is pressed
}

答案 5 :(得分:0)

如果你想按照以前的方式去做,只需在标签中创建你的功能,如下所示:

<script>
function myFunction() {
  // do something
}
</script>

然后,您的HTML元素应如下所示:

<button onclick="myFunction()" >