JQueryメソッドが定義されていません

フィルヒーリー

JQM(html)サイトの本体に次のJS / JQueryがあり、sortMethod()を呼び出そうとすると、FireBugコンソールで「ReferenceError:sortMethod isnotdefined」が表示されます。

<script>
        $(function(){
            $("[name=radio-choice-h-3]").change(function() {
                //alert('Selected: '+$('input[name=radio-choice-h-3]:checked').val());
                sessionStorage.sortBy = $('input[name=radio-choice-h-3]:checked').val();
                sortMethod();
            });
        });
        $(function(){
            sortMethod();
        });      
        $(function sortMethod(){       
            if(sessionStorage.sortBy === "model" || sessionStorage.sortBy == null || sessionStorage.sortBy.trim())
            {
                theManufacturers('model');
                $(document).on("pagecontainerbeforeshow", function () {
                    var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                    $("#radio-choice-h-2a", page).prop("checked", true).checkboxradio("refresh");
                });
            }
            else if(sessionStorage.sortBy === "year")
            {
                theManufacturers('year');
                $(document).on("pagecontainerbeforeshow", function () {
                    var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                    $("#radio-choice-h-2b", page).prop("checked", true).checkboxradio("refresh");
                });
            }
            else if(sessionStorage.sortBy === "location")
            {
                theManufacturers('location');
                $(document).on("pagecontainerbeforeshow", function () {
                    var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                    $("#radio-choice-h-2c", page).prop("checked", true).checkboxradio("refresh");
                });
            }
            else if(sessionStorage.sortBy === 'ttaf')
            {
                theManufacturers("ttaf");
                $(document).on("pagecontainerbeforeshow", function () {
                    var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                    $("#radio-choice-h-2d", page).prop("checked", true).checkboxradio("refresh");
                });
            }
        });

        $(function theManufacturers(inputSearch){
            var qryString = 0;

            //set up string for adding <li/>
            var li = "";
            var jqxhr = $.getJSON("url",
            function(data){
                    $.each(data.items, function(i,item){
                        li+='<li><a href="#" data-transition="slidedown"><img src="' + item.Image.trim() + '" style="height:80px;/> <span style="font-size:0.75em;">' + item.Manufacturer.trim() + ' ' + item.Model.trim() + '(' + item.Price.trim() + ')</span><br/><span style="font-size:0.65em;">S/N: ' + item.Serial.trim() + ' | TTAF: ' + item.TTAF.trim() + ' | LOC: ' + item.Location.trim() + '</span><br/><span style="font-size:0.65em;">' + item.DealerName.trim() + '</span></a></li>';
                    });

                    $("#results-list").append(li);
                    $("#results-list").listview("refresh");
                });
            //jqxhr.done(function() {
             //   console.log( "second success" );
            //});
        });

私は何が間違っているのですか?

ジョンスミス
<script>
            //first you define your functions, they will not be executed "from alone"
  //syntax:|function name() { .. code }
            function sortMethod(){       
                if(sessionStorage.sortBy === "model" || sessionStorage.sortBy == null || sessionStorage.sortBy.trim())
                {
                    theManufacturers('model');
                    $(document).on("pagecontainerbeforeshow", function () {
                        var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                        $("#radio-choice-h-2a", page).prop("checked", true).checkboxradio("refresh");
                    });
                }
                else if(sessionStorage.sortBy === "year")
                {
                    theManufacturers('year');
                    $(document).on("pagecontainerbeforeshow", function () {
                        var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                        $("#radio-choice-h-2b", page).prop("checked", true).checkboxradio("refresh");
                    });
                }
                else if(sessionStorage.sortBy === "location")
                {
                    theManufacturers('location');
                    $(document).on("pagecontainerbeforeshow", function () {
                        var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                        $("#radio-choice-h-2c", page).prop("checked", true).checkboxradio("refresh");
                    });
                }
                else if(sessionStorage.sortBy === 'ttaf')
                {
                    theManufacturers("ttaf");
                    $(document).on("pagecontainerbeforeshow", function () {
                        var page = $.mobile.pageContainer.pagecontainer("getActivePage");
                        $("#radio-choice-h-2d", page).prop("checked", true).checkboxradio("refresh");
                    });
                }
            };


            //same here, just a defined function
            function theManufacturers(inputSearch){
                var qryString = 0;


                var li = "";
                var jqxhr = $.getJSON("url",
                function(data){
                        $.each(data.items, function(i,item){
                            li+='<li><a href="#" data-transition="slidedown"><img src="' + item.Image.trim() + '" style="height:80px;/> <span style="font-size:0.75em;">' + item.Manufacturer.trim() + ' ' + item.Model.trim() + '(' + item.Price.trim() + ')</span><br/><span style="font-size:0.65em;">S/N: ' + item.Serial.trim() + ' | TTAF: ' + item.TTAF.trim() + ' | LOC: ' + item.Location.trim() + '</span><br/><span style="font-size:0.65em;">' + item.DealerName.trim() + '</span></a></li>';
                        });

                        $("#results-list").append(li);
                        $("#results-list").listview("refresh");
                    });

            }); 


            //here is an example how i outsourced your changehandler to a function
            function initializeChangeHandler(){
                $("[name=radio-choice-h-3]").change(function() {
                    //alert('Selected: '+$('input[name=radio-choice-h-3]:checked').val());
                    sessionStorage.sortBy = $('input[name=radio-choice-h-3]:checked').val();
                });
            };


            //heres the function that will be executed when the document model is complete loaded
  //syntax:|$(function(){ .. code .. })
            $(function(){ // as the code inside here is executed, you can now call your functions
                    initializeChangeHandler();// <<-- example for understanding
                    sortMethod(); // <<-- heres the call
            });


</script>

この構造を維持し(前に定義したものを初期化します)、関数が定義されていることを確認できます; 9

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Uncaught ReferenceError:メソッドが定義されていませんjs / jQuery

分類Dev

メソッド「MaterialPageRoute」が定義されていません

分類Dev

Uncaught ReferenceError:メソッドが定義されていません

分類Dev

FacebookLoginのメソッドが定義されていません

分類Dev

getImageメソッドが定義されていません

分類Dev

Guzzle Get Requestですが、メソッドが定義されていません

分類Dev

「メソッド」の定義が含まれていません

分類Dev

メソッドjoinは定義されていませんfluttersqflite

分類Dev

Reactクラスメソッドが定義されていませんno-undef

分類Dev

Dartメソッド 'setRng'がクラスに定義されていません

分類Dev

モデルでメソッドが定義されていませんか?

分類Dev

FirebasecreateUserWithEmailAndPasswordメソッドがnode.jsで定義されていません

分類Dev

NoMethodError: :account:Symbol のメソッド「名前」が定義されていません

分類Dev

メソッド内の変数が定義されていません

分類Dev

Vue.jsメソッドが定義されていません

分類Dev

Python 3 execメソッド:NameError:定義された関数の名前が定義されていません

分類Dev

Python 3 execメソッド:NameError:定義された関数の名前が定義されていません

分類Dev

Symbol.toStringTagが定義されていますが、.toStringメソッドで使用されていません

分類Dev

マウントされたフック、VueJSでメソッドが定義されていません

分類Dev

アクセサメソッドが定義されていますが、機能しません

分類Dev

data()メソッドで読み込まれたときにVueJSpropが定義されていません

分類Dev

配列.find()メソッドパラメータがvuexで定義されていません

分類Dev

'this'はJavaScriptクラスメソッドでは定義されていません

分類Dev

Groovy:メソッド定義はここでは予期されていません

分類Dev

MongoDB remove()メソッドはPHPでは定義されていません

分類Dev

Axios応答は.thenメソッドで定義されていません

分類Dev

propはcomponentWillReceiveProps()メソッド内で定義されていません

分類Dev

Firebase:メソッド「getCredential」がタイプ「GoogleAuthProvider」に対して定義されていません

分類Dev

Flutter:クラスDataSnapshotに対してforEachメソッドが定義されていません

Related 関連記事

  1. 1

    Uncaught ReferenceError:メソッドが定義されていませんjs / jQuery

  2. 2

    メソッド「MaterialPageRoute」が定義されていません

  3. 3

    Uncaught ReferenceError:メソッドが定義されていません

  4. 4

    FacebookLoginのメソッドが定義されていません

  5. 5

    getImageメソッドが定義されていません

  6. 6

    Guzzle Get Requestですが、メソッドが定義されていません

  7. 7

    「メソッド」の定義が含まれていません

  8. 8

    メソッドjoinは定義されていませんfluttersqflite

  9. 9

    Reactクラスメソッドが定義されていませんno-undef

  10. 10

    Dartメソッド 'setRng'がクラスに定義されていません

  11. 11

    モデルでメソッドが定義されていませんか?

  12. 12

    FirebasecreateUserWithEmailAndPasswordメソッドがnode.jsで定義されていません

  13. 13

    NoMethodError: :account:Symbol のメソッド「名前」が定義されていません

  14. 14

    メソッド内の変数が定義されていません

  15. 15

    Vue.jsメソッドが定義されていません

  16. 16

    Python 3 execメソッド:NameError:定義された関数の名前が定義されていません

  17. 17

    Python 3 execメソッド:NameError:定義された関数の名前が定義されていません

  18. 18

    Symbol.toStringTagが定義されていますが、.toStringメソッドで使用されていません

  19. 19

    マウントされたフック、VueJSでメソッドが定義されていません

  20. 20

    アクセサメソッドが定義されていますが、機能しません

  21. 21

    data()メソッドで読み込まれたときにVueJSpropが定義されていません

  22. 22

    配列.find()メソッドパラメータがvuexで定義されていません

  23. 23

    'this'はJavaScriptクラスメソッドでは定義されていません

  24. 24

    Groovy:メソッド定義はここでは予期されていません

  25. 25

    MongoDB remove()メソッドはPHPでは定義されていません

  26. 26

    Axios応答は.thenメソッドで定義されていません

  27. 27

    propはcomponentWillReceiveProps()メソッド内で定義されていません

  28. 28

    Firebase:メソッド「getCredential」がタイプ「GoogleAuthProvider」に対して定義されていません

  29. 29

    Flutter:クラスDataSnapshotに対してforEachメソッドが定義されていません

ホットタグ

アーカイブ