JavascriptとjQueryがシートチャートプラグインで競合する

Question

私のウェブサイトにjQuery Seat Chart Pluginを使用しています。

それはJavaScriptを使用していますので、それは昔のウェブサイトだが、このプラグインはjQueryのであるので、私は次のjQueryコード

function recalculateTotal(sc) { 
    var total = 0; 

    //basically find every selected seat and sum its price 
    sc.find('selected').each(function() { 
     total += this.data().price; 
    }); 

    return total; 
} 

上のエラーを取得しています私が手にコンソールでエラーが私が競合エラーを推測していますUncaught TypeError: this.data is not a functionですJavaScriptとjQueryで

私は次のコード

sc.find('selected').each(function() { 
     total += jQuery(this).data().price; 
    }); 

を使用する場合それは「プロトタイプのJavaScriptでエラーUncaught TypeError: this._each is not a functionを以下のスロー。

新しい拡張機能を作成しようとしましたが、javascriptのバージョンを変更しようとしましたが、エラーを解決できません。

Answer 1

jQueryはJavascriptライブラリであり、別の言語ではないため、競合はありません。私はあなたがsc.find('selected')とjQueryの.each()を使用している参照

ので、問題が存在する必要があります：

1. find('selected')は、私が何をしたいです疑うselected htmlタグを持つ要素を選択します。そのクラスの要素を選択する場合は、.selectedを使用する必要があります。 1つの要素が上記idである場合は#selectedです。 .find()
2. 必ずあなたのsc要素に.seatCharts({})を使用し、あなたはjQueryの選択要素selectedから.data()を取得する取得しようとしているあなたはseatChartsのdata()が作る取得しようとしている場合は、このthis.data("price") のようにそれを行う必要がある場合についての詳細またはdata()の機能がありません